Table List Dynamic

This commit is contained in:
Rassaby Ludovic
2024-10-22 15:35:05 +04:00
parent 3c907db800
commit 3dabcd9f0c
2 changed files with 83 additions and 63 deletions
+82 -62
View File
@@ -3,71 +3,91 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Liste des Utilisateurs</title> <title>Liste des Utilisateurs CDA8</title>
<!-- Link Data Table-->
<link rel="stylesheet" href="https://cdn.datatables.net/2.1.8/css/dataTables.dataTables.css" />
</head> </head>
<body> <body>
<h2>Liste des etudients de cda8</h2> <h2>Liste des étudiants de CDA8</h2>
<table border="1" cellpadding="10" cellspacing="0">
<tr> <table id="mTable1" class="display">
<th>Nom d'utilisateur</th> <thead>
<th>Email</th> <tr>
</tr> <th>Nom</th>
<tr> <th>Prénom</th>
<td>cestLeMatin</td> </tr>
<td>@example.com</td> </thead>
</tr> <tbody>
<tr> <tr>
<td>Cheun.md</td> <td>AHOVEY</td>
<td>@example.com</td> <td>SaintGeorge</td>
</tr> </tr>
<tr> <tr>
<td>despacito</td> <td>AHYONG</td>
<td>@example.com</td> <td>Emjy</td>
</tr> </tr>
<tr> <tr>
<td>Dorian</td> <td>BToma</td>
<td>@example.com</td> <td></td>
</tr> </tr>
<tr> <tr>
<td>Gabriel</td> <td>CELEMANI</td>
<td>@example.com</td> <td>Theo</td>
</tr> </tr>
<tr> <tr>
<td>Jeremy</td> <td>Cheun</td>
<td>@example.com</td> <td>RAMASSY</td>
</tr> </tr>
<tr> <tr>
<td>Jerome</td> <td>Demontis</td>
<td>@example.com</td> <td>Matisse</td>
</tr> </tr>
<tr> <tr>
<td>Lou</td> <td>GRONDIN</td>
<td>@example.com</td> <td>Clarel</td>
</tr> </tr>
<tr> <tr>
<td>sgg</td> <td>Jeremy</td>
<td>@example.com</td> <td>Hoarau</td>
</tr> </tr>
<tr> <tr>
<td>Theo</td> <td>MUNIER</td>
<td>@example.com</td> <td>Jerome</td>
</tr> </tr>
<tr> <tr>
<td>Thomy</td> <td>Pedre</td>
<td>@example.com</td> <td>Gabriel</td>
</tr> </tr>
<tr> <tr>
<td>Toma</td> <td>Sebastien</td>
<td>@example.com</td> <td>M</td>
</tr> </tr>
<tr> <tr>
<td>Ludovic</td> <td>Thomy</td>
<td>@example.com</td> <td>Noel</td>
</tr> </tr>
<tr>
<td>Dorian</td>
<td></td>
</tr>
<tr>
<td>Lou</td>
<td></td>
</tr>
</tbody>
</table> </table>
<!-- Bouton pour revenir à la page index.html --> <!-- Bouton pour revenir à la page index.html -->
<br> <br>
<button onclick="window.location.href='index.html'">Revenir à la page de connexion</button> <button onclick="window.location.href='index.html'">Revenir à la page de connexion</button>
<!-- Script Data Table-->
<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.js"></script>
<script>
$(document).ready( function () {
$('#mTable1').DataTable();
});
</script>
</body> </body>
</html> </html>
+1 -1
View File
@@ -2,7 +2,7 @@
<html lang="fr"> <html lang="fr">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=2.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Connexion</title> <title>Connexion</title>
<!-- Lien vers le CSS de Bootstrap --> <!-- Lien vers le CSS de Bootstrap -->