JQuery table plug-in : aide les concepteurs de sites Web à naviguer les tableaux HTML

Cet article rassemble un grand nombre de jQuery table plug-ins pour aider les concepteurs de sites Web à mieux naviguer tableaux HTML, vous pouvez trier les tables horizontalement et verticalement, définir des en-têtes fixes, rechercher des tables, grandes tables de pagination, défiler des tableaux, faites glisser opérations et ainsi de suite. Plusieurs de ces plug-ins contiennent des tutoriels détaillés.

JQuery Table plug-in

Grille de Javscript Flexigrid – web 2.0 pour la largeur de colonne variable jQuery, s’adapte automatiquement à la tête de la table largeur, peut se connecter à des sources de données XML via Ajax, semblable à la grille Ext, mais il est plus léger et plus petit basé sur jQuery.

En-tête de Chromatable JQuery Plugin-Fixed, défilement de la zone de contenu et la position de l’en-tête reste la même lorsque la zone de contenu de défilement.

Ingrid, l’ajustement de largeur de colonne jQuery-ajout d’une Datagrid, pagination, tri, rangée de style et autres fonctions (démos) de la table HTML.

JQTreeTable-ajouter un arbre structure à la table

Avec défilement tableau HTML Table-modifications du code HTML normal à un état de défilement. Placer la section d’en-tête dans la zone élément THEAD, ajoutez la section "contenu" dans la zone TBODY, ajoutez la section de référence à la zone TFOOT, faire référence au fichier webtoolkit.scrollabletable.js et puis créer un ScrollableTable () après chaque table Objet peut être (démo).

KeyTable comme Excel, croisière entre cellules et vous pouvez les modifier direct.

GraphTable-utilisation Flot pour transformer le contenu d’un tableau HTML en graphiques (démo).

JQuery DataTables-très puissant tableau Variable, plug-in large numéro de page navigation, filtrage sur place. Tri multicolonne, détection automatique des types de données, la largeur de colonne intelligent, les données peuvent provenir de presque n’importe quelle source de données.