DataTables est tout simplement un plugin pour jQuery hallucinant ! Il permet la manipulation complète des tableaux HTML.

Il offre tout aussi bien le filtrage des données à la volée que le tri des colonnes avec auto-détection du type de données que la pagination ou bien encore l’internationalisation.

Extrêmement complet, stable (plus de 1300 tests unitaires), offrant un panel d’action très large, DataTables rentre dans ma liste de plugins favoris !

Un petit exemple tiré de la doc officielle :

$(document).ready(function() {
	$('#example').dataTable( {
		"aoColumns": [ 
			/* Engine */   { "fnRender": function ( oObj ) {
				return oObj.aData[0] +' '+ oObj.aData[3];
			} },
			/* Browser */  null,
			/* Platform */ null,
			/* Version */  { "bVisible": false },
			/* Grade */    { "sClass": "center" }
		] } );
} );

Cet exemple permet de ‘customiser’ le rendu de chaque colonne. Ainsi la première colonne se voit ajouter la valeur de la 4ème, qui elle se retrouve cachée, alors que la dernière est centrée.

Mais ce n’est qu’un mince aperçu des possibilité du plugin. A essayer d’urgence !

Site Officiel