Table List Dynamic
This commit is contained in:
@@ -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">
|
|
||||||
|
<table id="mTable1" class="display">
|
||||||
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th>Nom d'utilisateur</th>
|
<th>Nom</th>
|
||||||
<th>Email</th>
|
<th>Prénom</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>AHOVEY</td>
|
||||||
|
<td>SaintGeorge</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>cestLeMatin</td>
|
<td>AHYONG</td>
|
||||||
<td>@example.com</td>
|
<td>Emjy</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Cheun.md</td>
|
<td>BToma</td>
|
||||||
<td>@example.com</td>
|
<td></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>despacito</td>
|
<td>CELEMANI</td>
|
||||||
<td>@example.com</td>
|
<td>Theo</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Dorian</td>
|
<td>Cheun</td>
|
||||||
<td>@example.com</td>
|
<td>RAMASSY</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Gabriel</td>
|
<td>Demontis</td>
|
||||||
<td>@example.com</td>
|
<td>Matisse</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>GRONDIN</td>
|
||||||
|
<td>Clarel</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Jeremy</td>
|
<td>Jeremy</td>
|
||||||
<td>@example.com</td>
|
<td>Hoarau</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
|
<td>MUNIER</td>
|
||||||
<td>Jerome</td>
|
<td>Jerome</td>
|
||||||
<td>@example.com</td>
|
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Lou</td>
|
<td>Pedre</td>
|
||||||
<td>@example.com</td>
|
<td>Gabriel</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>sgg</td>
|
<td>Sebastien</td>
|
||||||
<td>@example.com</td>
|
<td>M</td>
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Theo</td>
|
|
||||||
<td>@example.com</td>
|
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Thomy</td>
|
<td>Thomy</td>
|
||||||
<td>@example.com</td>
|
<td>Noel</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Toma</td>
|
<td>Dorian</td>
|
||||||
<td>@example.com</td>
|
<td></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Ludovic</td>
|
<td>Lou</td>
|
||||||
<td>@example.com</td>
|
<td></td>
|
||||||
</tr>
|
</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>
|
||||||
|
|||||||
@@ -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 -->
|
||||||
|
|||||||
Reference in New Issue
Block a user