Utilisation du dataTable jQuery
Bonjour j'essaye de faire une tableau réactif, pour cela j'ai essayer de suivre ce tuto https://www.youtube.com/watch?v=GA03MzN9QFg
Mais cela ne marche pas :/ Je vous met l'organisation de mes fichiers ainsi que les code du html et du php. J'ai du mal a comprendre ce qui ne va pas avec mon code. Merci d'avance
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
|
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Bouèze</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<!-- Intꨲation du CSS Bootstrap -->
<link href="bootstrap/css/bootstrap.css" rel="stylesheet" media="screen">
<style> .boite {width: 600px; } </style>
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css" />
<script type="text/javascript" src="/bootstrap/js/jquery.js" ></script>
<script type="text/javascript" src="//cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#table_id').dataTable();
});
</script>
</head>
<body>
<?php
include ("MenuVue.php");
include("include/_inc_parametres.php");
include("include/_inc_connexion.php");
?>
<table id="table_id" class = "table">
<thead>
<tr>
<td>Nom</td>
<td>Prénom</td>
<td>Date de Naissance</td>
<td>Rue</td>
<td>Ville</td>
<td>Code Postal</td>
<td>Téléphone</td>
<td>Téléphone portable</td>
<td>Mail</td>
<td>Commentaire</td>
<td>Année</td>
<td>Formation</td>
<td>Lieu</td>
<td>Nombre de minutes</td>
<td>Prof</td>
<td></td>
<td>Inscription</td>
</tr>
</thead>
<tbody>
<?php
include("ListeAdherentService.php");
?>
</tbody>
</table>
<?php
include ("ListeAdherentSQL.php");
while ($ligne)
{
if ($ligne->Validation == 1)
{
$inscri = "Valider";
}
else
{
$inscri= "Non Valider";
}
?>
<tr>
<td><?php echo $ligne->adhN ?></td>
<td><?php echo $ligne->adhP ?></td>
<td><?php echo date("d/m/Y", strtotime($ligne->DateDeNaissance)) ?></td> <!--/<p>http://php.net/manual/fr/function.date.php</p> -->
<td><?php echo $ligne->Rue ?></td>
<td><?php echo $ligne->Ville ?></td>
<td><?php echo $ligne->CodePostal ?></td>
<td><?php echo $ligne->Tel ?></td>
<td><?php echo $ligne->TelPortable ?></td>
<td><?php echo $ligne->Mail ?></td>
<td><?php echo $ligne->Commentaire ?></td>
<td><?php echo $ligne->Annee ?></td>
<td><?php echo $ligne->libelle // instrument ?></td>
<td><?php echo $ligne->Lieu ?></td>
<td><?php echo $ligne->Duree ?></td>
<td><?php echo $ligne->aN?></td>
<td><?php echo $ligne->aP ?></td>
<td><?php echo $inscri ?></td>
<?php $id = $ligne->IdAdherent ?>
<!-- <p>"ModifAdh.php?id=" pour rajouter un parametre au lien</p> -->
<td><a href="ModifAdhVue.php?id=<?php echo $id;?>">Modifier</a></td>
<td><a href="SupprAdhSQL.php?id=<?php echo $id;?>">Supprimer</a></td>
</tr>
<?php
$ligne = $req_pre->fetch(PDO::FETCH_OBJ);
}?> |
Desoin d'aide ateTable Jquery
Double post accidentel du message au dessus, j'ai supprimé le contenu pour réduire le besoin de scroll
