CheeseToast

A blog by Graham Clark

  • Increase font size
  • Default font size
  • Decrease font size
Home Design Blog JQuery JQuery Tablesorter

JQuery Tablesorter

E-mail Print PDF

Want to improve the functionality of your HTML tables? Tablesorter is "a JQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes". It is also cross browser friendly, working on IE6+.

To set it up you'll need to download and include the tablesorter js file (along with a link to the JQuery library). Then simply give your table an id tag like so: <table id="my_table"> and remember to include both THEAD and TBODY tags. Finally, add the javascipt in your page head:

$(document).ready(function(){

$('#my_table').tablesorter();

}

To download tablesorter and to read the documentation on it, visit the tablesorter website.

 

Add comment


Security code
Refresh