From 1abf94083e534bb4a270e0c156dbb8f05c1a3cbf Mon Sep 17 00:00:00 2001
From: AHOVEY Saint-George <sgahovey@gmail.com>
Date: Tue, 22 Oct 2024 15:36:43 +0400
Subject: [PATCH] exov

---
 AHOVEYSaintGeorge/liste.html | 28 +++++++++++++++++++++-------
 1 file changed, 21 insertions(+), 7 deletions(-)
diff --git a/AHOVEYSaintGeorge/liste.html b/AHOVEYSaintGeorge/liste.html
index 23c4caa..8e67979 100644
--- a/AHOVEYSaintGeorge/liste.html
+++ b/AHOVEYSaintGeorge/liste.html
@@ -1,8 +1,8 @@
 <!-- bootsrap css cdn  -->
-<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
 <!-- bootsrap js cdn -->
-<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/imdYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
-<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" ></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"></script>
 
 <div class="container">
     <div class="row align-items-center">
@@ -23,12 +23,12 @@
 <body>
     <div class="container my-5">
         <h1 class="text-center mb-4">Liste des étudiants en CDA8</h1>
-        <div class="table-responsive">
-            <table class="table table-striped table-bordered">
+        <div class="tableau">
+            <table id="tableau" class="table table-striped table-bordered">
                 <thead>
                     <tr>
-                        <th scope="col"style="background-color: #009DE0;">Nom</th>
-                        <th scope="col"style="background-color: #009DE0;">Prénom</th>
+                        <th scope="col" style="background-color: #009DE0;">Nom</th>
+                        <th scope="col" style="background-color: #009DE0;">Prénom</th>
                     </tr>
                 </thead>
                 <tbody>
@@ -92,4 +92,18 @@
             </table>
         </div>
     </div>
+
+    <footer>
+        <!-- placer un footer -->
+    </footer>
+
+    <!-- Inclusion des styles et scripts pour DataTables -->
+    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
+    <link href="https://cdn.datatables.net/v/bs5/dt-2.1.8/datatables.min.css" rel="stylesheet">
+    <script src="https://cdn.datatables.net/v/bs5/dt-2.1.8/datatables.min.js"></script>
+    <script>
+        $(document).ready(function() {
+            $('#tableau').DataTable();
+        });
+    </script>
 </body>
\ No newline at end of file
