mardi 6 mai 2014

DataTables, un plugin jQuery pour manipuler des tables en Javascript

Cela fait un peu plus d'un an que j'utilise DataTables dans un projet où les clients doivent manipuler de gros tableaux de données affichés dans des pages web.

DataTables est un plugin jQuery assez simple à configurer et à utiliser et qui permet d'éviter la plupart de la lourde programmation Javascript que ce type de développement peut impliquer.

Les principales fonctions de DataTables que j'utilise sont les suivantes :

  • Tri des tableaux en cliquant sur les noms des colonnes.
  • Recherche des lignes contenant des mots clés saisis dans un champ de texte.
Mais ce plugin permet bien d'autres choses comme par exemple de paginer des tableaux.

Dans sa configuration initiale, DataTables travaille uniquement en Javascript ce qui signifie que tous les traitements de données sont effectués sur le poste client. Personnellement je l'utilise avec des performances tout à fait convenables pour des tableaux contenant entre 500 et 1000 lignes de 6 ou 7 colonnes. Pour des données nettement plus lourdes, DataTables peut également être configuré pour effectuer des appels Ajax chaque fois que la table doit être redessinée permettant ainsi de déplacer la charge vers le serveur.