Table sorter: ordinare una tabella html con jQuery
Vediamo col seguente mini-tutorial come implementare un sistema per permettere l’ordinamento dei valori in una tabella HTML utilizzando un plugin per jQuery: tablesorter
Scaricate il plugin dalla pagina ufficiale: http://tablesorter.com/docs/index.html
Includete nella vostra pagina il plugin e il pacchetto jQuery:
<script type=”text/javascript” src=”jquery.js”></script>
<script type=”text/javascript” src=”tablesorter.js”></script>
Tra i tag head della pagina inserite il codice js:
<script type=”text/javascript”>
$(document).ready(function()
{
$(“table“).tablesorter();
}
);
</script>
Ecco fatto 
La tabella ovviamente deve avere un ID univoco, in questo esempio l’ID è table. Potete associare alla tabella la classe “tablesorter” per rendere più accattivante la grafica della stessa ma potete anche personalizzare la grafica CSS alla mano.
Potete scaricare i files dell’esempio.
|
download: Tablesorter (24.93KB) added: 24/07/2009 clicks: 699 description: Table sorter è un plugin per jQuery con cui si può implementare un sistema per ordinare i valori in una tabella HTML. |
Invia questo articolo a un amico via email
Mi trovi anche su: