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

Vous 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 :

[html]
<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>
[/html]

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

[javascript]
$(document).ready(function() {
$(‘#demotable’).tableFilter();
});
[/javascript]

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

Lien :

Article written by devzonefr

Développeur d'applications de formation, je me suis aujourd'hui spécialisé dans le développement web.

3 réponses à “Plugin jQuery : PicNet Table Filter, filtrer les données de vos tableaux”

  1. Hervé

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

  2. bob

    $(‘#demotable).tableFilter();

    Il ne manquerait pas un quote par hasard ?

Laisser un commentaire