ajout de la table

2024-10-22 15:44:47 +04:00
parent 48700bb239
commit 41c121c100
5 changed files with 595 additions and 0 deletions
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <!-- boostrap css cdn-->
+    <link rel="stylesheet" href="https://cdn.datatables.net/2.1.8/css/dataTables.dataTables.css" />
+    <title>GDA</title>
+</head>
+<body>
+    <table id="maTable" class="display">
+        <thead>
+            <tr> <th>Nom</th><th>Prénom</th></tr>
+        </thead>
+
+        <tbody>
+            <tr><td>PAYET</td><td>Manon</td></tr>
+            <tr><td>ROBET</td><td>Monique</td></tr>
+            <tr><td>HOAREAU</td><td>Sebastien</td></tr>
+        </tbody>
+    </table>
+    <footer>
+    </footer>
+    <!-- jquery cdn-->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" 
+    integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+    <script src="https://cdn.datatables.net/2.1.8/js/dataTables.js"></script>
+    <script>$(document).ready( function () {
+        $('#maTable').DataTable();
+    } );
+    </script>
+    <!-- boostrap cdn-->
+</body>
+</html>