Trieur de tableaux.
Par Ced le 5 juin 2008, 17:24 - Trouvailles de la toile - Scripts tous azimuts - Lien permanent
Vous avez un joli site dans lequel vous avez incrusté un tableau avec tout plein de données. Mais vous aimeriez le trier sans avoir à utiliser des requêtes SQL à outrance. Voici une librairie JavaScript permettant de trier n'importe quel tableau.
Cette librairie s'appelle "SortTable" que vous pouvez télécharger ici. La première chose à faire, c'est d'inclure la librairie dans la page où se trouve le tableau. Entre les balises <head>, mettez ce code.
<script type="text/javascript" src="sorttable.js"></script>
La deuxième chose à faire, c'est de modifier la balise <table> en ajoutant un attribut "class", comme le montre le code en-dessous.
<table class="sortable"></table>
La troisième chose à faire, c'est d'ajouter dans votre feuille de style CSS le code ci-dessous.
table.sortable thead {
background-color: #eee;
color: #666666;
font-weight: bold;
cursor: default;
}
Lorsque ces étapes ont été effectuées, vous verrez apparaître un petit curseur (montant ou descendant) en cliquant sur l'entête d'une colonne et votre tableau sera trié automatiquement ! Voici une page de test pour vous montrer la puissance de cette librairie.
Commentaires
Ah ouais, pas mal. :o
Ça fait quoi, chez ceux qui emploient les tableaux pour mettre en page leurs pages ? :D
Bah ils n'ont qu'à tout recoder proprement avec du CSS bien pensé !