TableSort : tri et filtre automatique

Bonjour,

On m'a demandé de refaire un tableau de données sur notre intranet, et d'y ajouter les fonctionnalités de filtres et de tri de TableSort, exactement comme l'exemple en ligne.

J'ai lu plusieurs présentations de Jquery dont l'intro à la bilbiothèque, étant bien initié aux css j'ai compris les principes de bases. Seulement je n'arrive pas à mettre ces fonctionnalités disponibles dès le chargement de la page, en gros pour éviter de cliquer sur le bouton Go de l'exemple...

Code:

---

<input onclick='$("table.datas").eq(0).tableFilter();' value="Go" type="button">

---

(j'ai conservé le reste du code, à part les styles css)

Sur cette ligne je ne comprends pas à quoi fait référence .eq(0).tableFilter(); j'ai beau chercher dans tous les fichiers .js joints à l'exemple, je ne trouve pas... Pouvez-vous m'aiguiller svp ? Merci d'avance !

Salut,

Pour exécuter quelque chose initialement tu peux utiliser

Code:

---

1 2 3

$(document).ready( function() { // ici le code d'initialisation de ta page });

---

Cette fonction est appelée quand le DOM est prêt (avant le onload)

Concernant cette ligne:

Code:

---

$("table.datas").eq(0).tableFilter();

---

Il te faut la lire ainsi:

Code:

---

1 2	$("table.datas").eq(0) // sélecteur JQuery tableFilter() // appel de fonction sur tous les éléments qui "match" le sélecteur

---

En l'occurrence, un seul, car eq(0) réduit la liste des éléments sélectionnés
à 1 seul. Le premier ici, car '0' représente l'index dans cette liste.

$("table.datas") sélectionne toutes les balises tables dont l'attribut class est
'datas'.

Quant à tableFilter tu trouvera le code de la fonction dans le fichier
jquery.tableFilter.js sous cette forme:

Code:

---

jQuery.fn.tableFilter = function(...

---

Cette notation permet d'étendre jQuery ce qui permet un appel à tableFilter
sur une sélection jQuery.

Merci du conseil ! :king:

Je vais voir si je m'en sors et je reviendrai peut-être ici ;)