Tablesorter est un plugin jQuery qui permet de trier les colonnes d’un tableau HTML en cliquant sur l’entête de la colonne et ce, sans qu’il soit nécessaire de recharger la page internet. Aux classiques tag TABLE, TR et TD sont en ajoutés deux tag : THEAD et TBODY. Tablesorter est capable de trier rapidement une grande quantité de données.

Les principales caractéristiques sont :

• Trie multi colonnes avec analyse des données de type texte, URLs, entiers, monétaire, adresses IP, dates aux formats longs et courts, durée.
• Support des tag ROWSPAN et  COLSPAN dans le tag TH
• Extensibilité via le système de widget
• Petite taille du code (7,4 kb) 

  

L’archive à télécharger sur le site de Tablesorter est complète : vous trouverez le framework jQuery, les plugins Tablesort, les javascripts et même des thèmes css ! Le tout est livré avec plusieurs exemples.

Site Internet : Tablesorter
Licence : MIT et GPL

L’auteur de Askthecssguy a souhaité recréer le tableau tarifaire que vous pouvez voir sur le site Internet de Crazy Egg ainsi que le formulaire d’inscription. Le principe est que lorsque vous faites le choix d’une option dans le tableau (click sur une colonne), les autres colonnes disparaissent et un formulaire d’inscription les remplace.

Pour obtenir cet effet, Askthecssguy a écrit un programme qui est une savante combinaison CSS et JavaScript couplée à une organisation intelligente des images habillant le tableau. De plus, l’auteur a fait un effort « pédagogique » remarquable et très appréciable en expliquant précisément chaque étape de la création : illustration avec les différents codes et images. Dans l’archive à télécharger, vous trouverez 10 fichiers HTM expliquant chacune des étapes mentionnées sur le site Internet !

Site Internet : Askthecssguy
Licence : Gratuit

Vous souhaitez vous affranchir du design par défaut des tags <table>, <tr> et <td>.
CSS Table Gallery est un showroom qui vous montre comment CSS et Tableau peuvent travailler ensemble pour obtenir de jolis résultats.

 
En parcourant ce site, vous trouverez une collection de design pour changer l’aspect de vos tableaux.
Rien de bien compliqué. Tous les designs proposés sont libres et personnalisables… et comme on va toujours plus vite en partant d’un exemple…

Site internet : CSS Table Gallery
Licence : Gratuit