DataTables : Manipuler ses tableaux HTML avec jQuery

Posté par seiyar81 le 12 novembre 2009 | Laisser un commentaire (0)
news-dt

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

Catégorie: Développement Web, Javascript | Laisser un commentaire (0)


Laissez un commentaire