Sorttable.js : Comment conserver la couleur des lignes paires

Bonjour,

J'utilise tableau.js http://falola.developpez.com/tutorie...dittable-v1-0/ et sorttable.js http://www.kryogenix.org/code/browser/sorttable/ pour afficher le résultat d'une requête ajax.
Avec une petite modif de tableau.js, j'ajoute la class 'sortable' a la table et une class 'paire' au lignes paires pour leur attribuer une couleur.
Jusque là tout va bien, mais lorsque l'on tri le tableau, le changement de couleur d'une ligne sur deux n' est plus respecté.

L'un de vous aurait-il une solution pour retrouver après chaque tri une mise en couleur des lignes paires...
Je suppose que la meilleur solution est sans doute de modifier sorttable.js pour qu'il supprime les anciennes class 'paires' avant d' ajouter les nouvelles mais cela dépasse mes compétences.

Merci de m'aider un peu.

Si tu veux effectuer un traitement sur chaque de tes lignes, une row à une propriété "rowIndex".

Peut être une piste pour savoir si celle ci est paire ou pas.


DiDi

Merci DiDi,

En fait, mon probleme se situe dans le script sorttable.js.
J'ai modifié makeSortable pour effacer mes class 'paire' en faisant :

Code:

---

1 2 3 4

if (table.rows[i].className.search(/\bpaire\b/) != -1) { table.rows[i].className = table.rows[i].className.replace('paire',''); }

---

Mais maintenant, il faut que je trouve à quel endroit (après le tri) je pourrais faire quelque chose comme :

Code:

---

1 2 3 4

for (var i=0; i<table.rows.length; i++) { if ((i % 2) == 0) table.rows[i].className = 'paire'; }

---

Seulement, j'ai du mal à situer la fin du tri dans le script

Ou éventuellement :

Code:

---

1 2 3 4

for (var i = 0, iMax = table.rows.length + 1; i < iMax; i = i + 2) { table.rows[i].className = 'paire'; }

---

Mais que veux-tu dire par :

Citation:

---

Envoyé par hotline

Seulement, j'ai du mal à situer la fin du tri dans le script

---

:? ?

:P Ca y est, j'ai trouvé !

En fait, je savais à peu près quel code ajouter dans le script sorttable.js mais je ne savais pas trop à quel endroit le placer.

Finalement, j'ai simplement ajouté ceci à la fonction appelée lors d'un clic sur l'entete d'une colonne :

Code:

---

1 2 3 4 5

for (var i=0; i<rows.length; i++) { if (((i-1) % 2) == 0) rows[i].className = 'paire'; else rows[i].className = ''; }

---

Et ça marche :ccool:

Salut,
Tu te serais moins embêté avec ce script puisque le tri se fait sur le contenu et non sur les lignes, il n'y avait donc rien à changer pour tes classes ;)

Merci Bovino, c'est trop tard pour cette fois, mais je me souviendrais de ton script :ccool: