table sorter

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.

http://www.emawebdesign.com/wp-content/plugins/downloads-manager/img/icons/winzip.gif download: Tablesorter (24.93KB)
added: 24/07/2009
clicks: 2078
description: Table sorter è un plugin per jQuery con cui si può implementare un sistema per ordinare i valori in una tabella HTML.

NO SPAM. Non fornirò la tua email a terzi e riceverai solo contenuti che ti interessano sugli argomenti che tratto e potrai cancellarti quando vuoi con un link che trovi in tutte le email.