Discussion :

[dam28800]

Bonjour,

Après l'affichage d'un tableau qui contient les données de ma base MySQL, je souhaiterai le trier.
J'ai donc, après quelques recherches trouvé ce lien : http://tablesorter.com/docs/#Examples

Après quelques tests, cela fonctionne... presque.
en effet si je met un tableau statique cela fonctionne :

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
 
<table id="myTable">
<thead> 
<tr>
	<th>Enseigne</th>
    <th>Ville</th>
    <th>CP</th>
</tr>
</thead>
<tbody>
 
<tr>
	<td>Enseigne1</td>
    <td>Ville1</td>
    <td>CP1</td>
 
</tr>
 
<tr>
	<td>Enseigne2</td>
    <td>Ville2</td>
    <td>CP2</td>
 
</tr>
 
</tbody>
</table>

Je veux donc ajouter les données que j'ai récupéré de ma base à ce tableau, cela fonctionne mais pas le tri...
Dans mon fichier js je met mes données dans le id cont :

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
 
 data = '';
		$.get("thePHP.php?ens=" + ens + "&util=" + util, function(theXML){
 
				$('person',theXML).each(function(i){
 
 
					var enseigne = $(this).find("enseigne").text();
					var ville = $(this).find("ville").text();
					var cp = $(this).find("cp").text();
 
 
					data = data + "<tr><td>" + enseigne + "</td><td>" + ville +"</td><td>" + cp +"</td></tr>"; 
 
 
				});
 
				$("#cont").html(data);

Et a taton j'ai décidé de le mettre dans le tbody du tableau ce qui donne :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<table id="myTable">
<thead> 
<tr>
	<th>Enseigne</th>
    <th>Ville</th>
    <th>CP</th>
</tr>
</thead>
<tbody id="cont">
</tbody>
</table>

Je me suis dit que la fonction se fait sur les balises du tableau mais bon j'au loupé quelque chose...

Merci de votre aide.

[artotal]

Bonjour,
il faudrait tout le code pour pouvoir y voir clair et répondre.

[danielhagnoul]

Bonsoir

Si l'on souhaite ajouter de nouveaux éléments au DOM, il faut utiliser append
http://api.jquery.com/append/ :

Code :

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

$("#cont").append(data);