Att dela upp data på sidor (siduppdelning, eng. paging), göra den sökbar, sortera kolumner är en uppgift som är vanlig för den som jobbar i PHP. Hämtar man ut data från en enkel databastabell är det inga problem. Men ibland är det kanske mer komlicerad data och onödigt mycket jobb, när det enkelt kan lösas på klientsidan istället, det vill säga med javascript.

jQuery och ett plugin som heter tablesorter och tablesorter.pager gör det väldigt smidigt att dela upp tabelldata och ordna enkel sortering av kolumnerna.

Tablesorter med paging

Du behöver ladda hem och inkludera filerna i HTML-kodens head.

1
2
3

<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script> 
<script type="text/javascript" src="js/jquery.tablesorter.min.js"></script> 
<script type="text/javascript" src="js/jquery.tablesorter.pager.js"></script>

Skapa en tabell i din sida med lita data i (jag hittar på lite i mitt exempel)…
(Läs mer…)