Utilisation du dataTable jQuery

**Killian01** · 28/06/2016, 09h40

Bonjour j'essaye de faire une tableau réactif, pour cela j'ai essayer de suivre ce tuto

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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);
                                }?>

**Killian01** · 28/06/2016, 09h42

Double post accidentel du message au dessus, j'ai supprimé le contenu pour réduire le besoin de scroll

**doudouam** · 30/06/2016, 18h45

Bonjour,
Qu'est ce qui ne marche pas au juste? J'aimerai bien aider mais ton "cela" n'aide pas du tout.

**Killian01** · 01/07/2016, 11h04

Je n'avais pas de message d'erreur mais je n'obtenais que du texte ordonnée comme dans un tableau.
On ma aidé depuis,en faite j'avais un premier problème avec le plugin vu que j'avais moins de Td dans mon Thead que dans mon Tbody (les colonne modif et suppr n'ayant pas eu de titre)
Et le fait que mon Jquery était ré inclus dans le Menu

**JujuPomme** · 01/07/2016, 14h27

Du coup, c'est

?

Utilisation du dataTable jQuery

jQuery

Discussions similaires

Partager

Partager