jQuery Plugin - Tablesorter

jQuery Tablesorter Plugin makes dealing with tables even easier!

$(document).ready(function()
  {
    $("#senatetable").tablesorter(
     {
       theme: 'blue',
       widgets: ['zebra']
     }
   );
  }
);

• Plain table: senate-plain.html
• Sortable table: senate-tablesorter.html
  • Javascript
    • jQuery
    • jQuery Tablesorter Plugin
  • CSS
    • Use the "blue" theme from the tablesorter plugin
  • Assign tables with classes
  • jQuery "ready" function

Data passed to the "tablesorter" plugin:

     {
  theme: 'blue',
  widgets: ['zebra']
}

Sortable table:

Tables are constructed with thead and tbody. Simply by giving them a class="sortable", the jQuery Tablesorter Plugin makes them 'sortable' and 'striped':

Senate data used with permission from GovTrack.US.
Table sorting is achieved through jQuery and the jQuery Tablesorter Plugin