Home

Tablesorter Playgrounds

Use these demos to try out the available options.

• tableSorter basic - test all options & widgets (except the uitheme widget).
• tableSorter UI theme - test out the jQuery UI theme widget; separate because of the different stylesheets.
• tableSorter with pager - test tablesorter with the pager plugin
• tableSorter LESS theme - modify the colors dynamically in this LESS theme demo!

More demos

Parsers

• Dynamic checkbox sorting (12/25/2012); updated for jQuery 1.7+ (3/21/2013).
• Dynamic checkbox sorting w/pager plugin.
• Dynamic input value sorting.
• Title parser - Ignore "The", "A" and "An" in book and movie titles.
• Sort feet/inches & fractions - basic demo & full demo - these demos were made to answer this StackOverflow question.
• php number format sort (updated 6/2/2012) - currency symbol follows the value (thanks to locationRoura)
• Parse two digit years (using "ddmmyy" format).
• Parse metric numbers (including binary sizes, e.g. 1 Mb)
• Parse Dates with Sugar; see issue #247.

Widgets

• Automatic Row numbering
• Add a spacer after groups of same content (updated 6/2/2012); see StackOverflow.
• Control the filter widget select externally
• Filter widget - date range select
• Filter widget - save filters on reload; see issue #146.
• Filter widget - filter toggle buttons - allows multiple filters; see StackOverflow.

Sorting

• Block sort (set sorter false) on a variable number of columns by setting header class name or setting the headers option; see issue #205.
• External links that toggle sort direction
• Sort table using a dropdown list - from this StackOverflow question; but updated to allow toggling of the sort.
• Disable sorting when less than a minimum number of rows are present and remove ALL styling; see issue #209.
• Change sorter to emulate sugar.js' sort (demo; see issue #212).
• Sort and filter multiple tables at once.

Misc

• A basic demo that totals up columns and rows - it utilizes multiple tbodies in the table
• Handling rowspans in the data area of the table by replacing them with single cells
• Dealing with anchors inside of a table with stickyHeaders (Updated for version 2.4).
• Initializing & applying zebra widget within jQuery UI tabs.
• Custom pager controls - from of this StackOverflow question.

Plugins (3rd party)

• quicksearch plugin - with pager & without pager.