Discussion :

[lolo5935]

Bonjour,

J'utilise la technique des 2 tables + 1 div pour avoir mes en-têtes de colonnes figées et un ascenseur vertical.

Exemple :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<table id="tab1" width="910px">
 <tr>
  <td>Colonne1</td>
  <td>Colonne2</td>
 <tr>
</table>
<div style="width:940px; height:300px; overflow:auto;">
<table id="tab2" width="910px">
 <tr>
  <td>Colonne1</td>
  <td>Colonne2</td>
 <tr>
</table>
</div>

Le résultat est satisfaisant.

Je souhaite ajouter un tri sur mes colonnes.
J'ai récupéré un js qui fait ça très bien : sorttable.js (http://www.kryogenix.org/code/browse...le/#stablesort).

Le problème est que ce script ne fonctionne pas en utilisant la technique présentée ci-dessus (avec les 2 <table>)

J'ai bien trouvé une adaptation de ce script (http://www.wikistuce.info/doku.php/j...ableau_triable) mais il ne fonctionne pas très bien ...

Je suis un peu dans l'impasse

Si quelqu'un a une solution pour avoir un tableau avec en-têtes de colonnes fixes + tri je suis preneur

Merci

[SpaceFrog]

forcément il suffit de modifier le click pour que l'evènement du tableau d'entetes ait une action sur le tableau du corps ...

[Watilin]

Hello,
renseigne-toi sur les balises <thead> et <tbody>, ça peut te donner des idées

[lolo5935]

Oui, très perspicace ta réponse SpaceFrog

D'ailleurs c'est ce que l'auteur du second script a tenté de faire ...
Le problème est que j'ai très peu de temps pour me lancer dans l'adaptation du premier js ... maintenant si il n'y pas d'autres solutions.

Mais plus généralement, vous faites comment pour créer ce genre de tableau (en-têtes fixes + tri sur colonnes) ?

Merci

[SpaceFrog]

vu que le thead n'est pas géré correctement de façon crossbrowser, la solution des deux tableaux, ou l'emulation d'un header avec des div et les spans semble la meilleurs solution...
j'ai d'ailleurs il y a quelques années déja posté sur le sujet ...

http://www.developpez.net/forums/d16...ntete-tableau/

[lolo5935]

Nous sommes d'accord SpaceFrog et je suis satisfait de la solution des 2 tableaux + div pour émuler un header.

Le problème est l'ajout du tri sur colonnes avec sorttable.js en utilisant cette technique ...

J'ai l'impression que je vais devoir adapter ce script ...

Pas d'autres solutions ?

Merci.

[SpaceFrog]

si quelqu'un sonnes chez ton voisin ...
tu vas pas aller ouvrir ta porte...