tablesorter

tablesorter helps a developer take a regular HTML table and convert it into a fully-blown data grid component.

Ideal for both small and large tables alike, tablesorter adds special buttons to a table's header and footer (if present) that will enable any user to sort the entire table's data based on the selected column.

tablesorter can differentiate between the data contained in a table column, being able to distinguish between numbers, text, dates, currencies, etc. and sort the data accordingly.

This is an ideal feature to have, especially with user-generated data, where the format is not always strict.

tablesorter also handles well with the more complex features of modern Web design, like AJAX, paginated content, real-time editing and so on.

What is new in this release:

• Added columnUpdate event when columnSelector is updated.
• Added columnSelector_cssChecked option - css class name added to checkboxes.
• Added cssIgnoreRow option. Added to a header row that is to be ignored & not added to the config.$headers variable.
• Allow passing alternate headers to getColumnData function.

What is new in version 2.23.3:

• Added columnUpdate event when columnSelector is updated.
• Added columnSelector_cssChecked option - css class name added to checkboxes.
• Added cssIgnoreRow option. Added to a header row that is to be ignored & not added to the config.$headers variable.
• Allow passing alternate headers to getColumnData function.

What is new in version 2.22.1:

• Added columnUpdate event when columnSelector is updated.
• Added columnSelector_cssChecked option - css class name added to checkboxes.
• Added cssIgnoreRow option. Added to a header row that is to be ignored & not added to the config.$headers variable.
• Allow passing alternate headers to getColumnData function.

What is new in version 2.21.5:

• Added columnUpdate event when columnSelector is updated.
• Added columnSelector_cssChecked option - css class name added to checkboxes.
• Added cssIgnoreRow option. Added to a header row that is to be ignored & not added to the config.$headers variable.
• Allow passing alternate headers to getColumnData function.

What is new in version 2.20.1:

• Added columnUpdate event when columnSelector is updated.
• Added columnSelector_cssChecked option - css class name added to checkboxes.
• Added cssIgnoreRow option. Added to a header row that is to be ignored & not added to the config.$headers variable.
• Allow passing alternate headers to getColumnData function.

What is new in version 2.17.6:

• Adding a class name of parser-false to a column will now automatically set sorter-false and filter-false behavior.
• Add extractor type which allows giving a column two parsers, one to extract content from an input/select and the second to parse the extracted text. Thanks to TheSin-!
• Ensure custom parsed data adheres to the ignoreCase option.
• Add a delay to any sort if there is an update in progress. This prevents issues with a sort being applied causing duplicate rows to be added to the table, hopefully.
• The widthFixed option now finds both visible th and td cells within the first row of the tbody to set column width percentages.

What is new in version 2.13.1:

• Fixed filter widget issues.

What is new in version 2.11.1:

• Fixed an updating bug.

What is new in version 2.10.8:

• The $.tablesorter.setFilter() method now properly updates the filter formatter elements when set.
• The uiDateCompare and uiDatepicker functions now adds a time of 11:59:59 to the "to" date or when a "less than" comparison is made so as to include all times within that selected day.
• The defaultDate option (not date option, sorry) of the uiDateCompare now properly sets the value upon initialization.
• The from and to options of the uiDatepicker now properly sets those values properly upon initialization.
• When removing a sticky headers widget, it no longer unbinds scrolling when other sticky headers are still active.

What is new in version 2.10.0:

• Fixed/updated content selection & form interaction in both headers and sticky headers.
• Added missing sortBegin event when the sorton method is used.
• Added a public function $.tablesorter.addHeaderResizeEvent.
• Filter widget updates.
• Tablesorter unit testing updates; tests for the following have been added.

What is new in version 2.8.2:

• Renamed the parser to "ignore-articles".
• Added language support and a few languages
• Added a method to add custom articles.
• Updated demo.

What is new in version 2.7.12:

• Fixed hiding filter rows when using filter_formatter elements.
• Fixed an issue with updateCell method not removing extra table rows before computing the row index of the cell that was just updated.
• Added an exactMatch option to the html5color filter_formatter function.

What is new in version 2.7.9:

• Pager now targets correct page when the table is empty.

What is new in version 2.0.3:

• Missing semicolon, broke the minified version.

Requirements:

• JavaScript enabled on client side
• jQuery 1.2.6 or higher