diff --git a/Jeremy_Hoarau/liste.html b/Jeremy_Hoarau/liste.html
index fe580e0..5e706e6 100644
--- a/Jeremy_Hoarau/liste.html
+++ b/Jeremy_Hoarau/liste.html
@@ -16,6 +16,8 @@
             integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN"
             crossorigin="anonymous"
         />
+        <link rel="stylesheet" href="https://cdn.datatables.net/2.1.8/css/dataTables.dataTables.css" />
+
     </head>
 
     <body>
@@ -35,7 +37,7 @@
         <main>
             <div class="container w-100">
                 <div class="table-responsive-md">
-                    <table class="table table-hover">
+                    <table id="myTable" class="table table-hover">
                         <thead>
                             <tr>
                                 <th scope="col">#</th>
@@ -131,6 +133,15 @@
             </footer>
         </div>
 
+        <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
+        <script src="https://cdn.datatables.net/2.1.8/js/dataTables.min.js"></script>
+
+        <script>
+            $(document).ready( function () {
+                $('#myTable').DataTable();
+            } );
+        </script>
+
         <!-- Bootstrap JavaScript Libraries -->
         <script
             src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
