Créez des tableaux évolués avec JQuery

Un peu plus de détails

Les principales caractéristiques proposées par ce Plugin :

• Pagination de longueur variable
• Filtrage à la volée
• Plusieurs colonnes de tri avec détection de type de données
• Manipulation intelligente des largeurs de colonnes
• Afficher les données de presque n'importe quelle source
  • DOM , tableau Javascript , fichier Ajax et traitement côté serveur (PHP, C #, Perl, Ruby, AIR, Gears, etc...)
• Options de défilement dans la fenetre de table
• Entièrement internationalisable
• Fiabilité epprouvée par 2900 tests
• Grande variété de plug-ins inc. éditeur , TableTools , FixedColumns et plus
• Gratuit !
• Colonnes masquées
• Création dynamique des tables
• Chargement automatique des données Ajax
• Positionnement DOM Personnalisé
• Types de pagination alternatifs
• Contrôle d'nteraction DOM
• Tri des colonnes (s) en mise en surbrillance
• Options avancées de la source de données
• Manipulable par écran tactile et clavier
• Compression des fichier: 70K équivault à 20K gzip
• Plug-in de prise en charge étendue
  • Le tri, la détection du type, fonctions de l'API, la pagination et le filtrage
• Entièrement personnalisable par CSS
• Une documentation solide
• 130 modèles / templates disponibles

Les sources de données

DataTables peut récupérer les données à d'afficher d'un certain nombre de sources différentes.

Il existe quatre méthodes pour jumeler une base de données à DataTables:

• DOM (soit un tableau HTML dans une page)
• Tableau JavaScript
• Ajax source de - un fichier côté serveur, la mise en forme JSON
• Le traitement côté serveur - où le serveur traitera de la pagination, le filtrage, etc

DOM

Au niveau de base, vous pouvez donner à votre DataTables une référence à une table qui existe déjà dans votre page HTML et lui apporter de ce fait une amélioration conséquente.
DataTables va lire toutes les informations sur la table de cette page (DOM) et d'ajouter des fonctionnalités telles que le filtrage, la pagination et le tri.

Tableau JavaScript

Ce language fournit la capacité de donner à votre DataTables les informations que vous souhaitez afficher dans le tableau comme un tableau JavaScript 2D (c'est à dire un tableau de tableaux).
Ceci est utile lorsque vos données sont calculées par JavaScript ou lors de l'ajout d'un tableau à une page dynamique.
Il peut également être utilisé avec l'amélioration progressive parallèle pour présenter le tableau complet si JavaScript est activé, mais le tableau HTML ne ferait que montrer la première "page".

Source Ajax

Lorsque les données que vous souhaitez afficher sont disponibles à partir d'un serveur, vous pouvez demander à DataTables d'aller sur le serveur et récupérer les données pour obtenir l'affichage de celles-ci.
Un cas d'utilisation courante est lorsque vous affichez des informations en direct qui pourraient être mises à jour périodiquement. Bien que le format de base qui nécessite DataTables est fixé (un objet avec un tableau 2D appelé "aaData"), vous pouvez utiliser fnServerData pour personnaliser l'appel Ajax qu'effectue DataTables ainsi que le post-traitement du format de données attendu par DataTables.

Le traitement côté serveur

Lorsqu'il s'agit de grands ensembles de données (par exemple 20 millions de lignes), les navigateurs web ne peuvent tout simplement pas faire face à la quantité de traitement qui est nécessaire pour DataTables.
Au lieu de cela, c'est une bonne idée de faire passer les données par un processus spécialement conçu pour cela : une base de données SQL (ou toute autre source de données!).
Le processus côté serveur fera tout de la pagination, le tri, le filtrage, etc, tandis que DataTables affichera simplement les résultats et gérera l'interaction de l'utilisateur.