12 mars 2010

Plugin jQuery : PicNet Table Filter, filtrer les données de vos tableaux

Plugin jQuery : PicNet Table Filter, filtrer les données de vos tableauxVous rappelez-vous de tablesorter ?

Il s’agissait d’un plugin jQuery qui rajoutait à des tableaux la possibilité de trier les données d’un tableau.

Et bien voici PicNet Table Filter, qui lui, permet de filtrer les données.


Les données doivent simplement être dans un tableau :

<table id='demotable'>
	<thead>
		<tr><th>Col1</th><th>Col2</th><th>Col3</th></tr>
	</thead>
	<tbody>
		<tr><td>Value 1</th><th>Value 2</th><th>Value 3</th></tr>
		....
	</tbody>
</table>

Et l’appel au plugin ce fait de façon classique :

$(document).ready(function() {
    $('#demotable').tableFilter();
});

Plugin jQuery : PicNet Table Filter, filtrer les données de vos tableaux

Paramètres, démo et code source sur le site officiel.

Lien :

BlogBang

3 commentaires

  1. Hervé dit :
    27 mars 2010 à 12 h 18 min

    Je n’ai pas essayé ce plugin mais celui là est pas mal aussi : http://www.datatables.net/

    Répondre
  2. bob dit :
    23 juin 2010 à 16 h 44 min

    $(‘#demotable).tableFilter();

    Il ne manquerait pas un quote par hasard ?

    Répondre

Déposez un commentaire





Additional comments powered by BackType