tablesorter/README.md
2014-09-15 19:44:03 -05:00

10 KiB

tablesorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes. tablesorter can successfully parse and sort many types of data including linked data in a cell.

Notice!

  • Because of the change to the internal cache, the tablesorter v2.16+ core, filter widget and pager (both plugin & widget) will only work with the same version or newer files.

Documentation

Demos

Features

  • Multi-column alphanumeric sorting and filtering.
  • Multi-tbody sorting - see the options table on the main document page.
  • Supports Bootstrap v2 and 3
  • Parsers for sorting text, alphanumeric text, URIs, integers, currency, floats, IP addresses, dates (ISO, long and short formats) & time. Add your own easily.
  • Inline editing - see demo
  • Support for ROWSPAN and COLSPAN on TH elements.
  • Support secondary "hidden" sorting (e.g., maintain alphabetical sort when sorting on other criteria).
  • Extensibility via widget system.
  • Cross-browser: IE 6.0+, FF 2+, Safari 2.0+, Opera 9.0+, Chrome 5.0+.
  • Small code size, starting at 25K minified
  • Works with jQuery 1.2.6+ (jQuery 1.4.1+ needed with some widgets).
  • Works with jQuery 1.9+ ($.browser.msie was removed; needed in the original version).

Licensing

Special Thanks

  • Big shout-out to Nick Craver for getting rid of the eval() function that was previously needed for multi-column sorting.
  • Big thanks to thezoggy for helping with code, themes and providing valuable feedback.
  • Big thanks to ThsSin- for taking over for a while and also providing valuable feedback.
  • Also extra thanks to christhomas and Lynesth for help with code.
  • And, of course thanks to everyone else that has contributed, and continues to contribute to this forked project!

Questions?

  • Check the FAQ page.
  • Search the main documentation (click the menu button in the upper left corner).
  • Search the issues to see if the question or problem has been brought up before, and hopefully resolved.
  • If someone is available, ask your question in the #tablesorter IRC channel at freenode.net.
  • Ask your question at Stackoverflow using a tablesorter tag.
  • Please don't open a new issue unless it really is an issue with the plugin, or a feature request. Thanks!

Change Log

View the complete listing here.

Version 2.17.8 (9/15/2014)

  • Core
    • Fix widthFixed option to ignore info block tbodies.
    • Make emptyTo & stringTo settings case insensitive.
    • An empty string headerTemplate option will now prevent adding an inner div to the header.
  • Docs
    • Fix setting active accordion from hash script.
    • Add emptyTo clarification.
    • Main readme: Add related projects section.
  • Editable
    • Autoresort true no longer breaks the table.
    • Update demo to use row id instead of index.
    • Update validate function to allow setting it per column.
    • Add editable_focus, editable_blur and editable_selectAll options. See issue #708.
    • Add editable_wrapContent option.
    • Add editable_trimContent option.
    • Validate function now includes a contenteditable element parameter.
    • All text callback parameters are now trimmed.
    • Trim everything & revert widget changes.
    • Refocus edited element after resort only.
    • Switch form focus to focusout.
  • Filter
    • Add filter_defaultFilter option.
      • fix issue with using class selectors.
      • Make happy with spaces within the query.
      • Will override exact/partial select filters. Fixes issue #721.
      • Fixes issue #704.
    • Add filter_excludeFilter option; add multiple exclusions separated by spaces, not commas.
    • Prevent multiple searches during initialization.
    • Ensure initial filter settings get applied.
    • Selects will exactly match the selected option unless "filter-match" class is set. Fixes issue #721.
  • Pager
    • Update cache & rows copy. Fixes issue #703.
    • Use native javascript to populate & set the goto select. Fixes issue #711.
    • Custom pager controls. Fix control updates for multiple tables.
    • Fix pager widget to be properly applied after a page move.
  • StickyHeaders: Fix issue so it works with jQuery v1.2.6 again.
  • Zebra: Apply style to one row. Fixes issue #715.
  • Parser
    • Duration parser - added with demo.
    • Select parser - Fix for IE10+ not allowing select options to be clicked.
    • IgnoreArticles parser - Added ignoreArticlesExcept option.
    • url parser - ensure it is used by the filter widget.

Version 2.17.7 (8/9/2014)

  • Core: Do not detach rows before appending to prevent ajax rows from disappearing. Fixes issue #701.
  • Docs: Fix change log links.
  • Filter: attached external select causing javascript errors. Fixes issue #702

Version 2.17.6 (8/1/2014)

  • Core
    • 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.
    • Ensure all rows have a set role for screen readers (role="row"). Fixes issue #690.
    • Redefine c.$headers when building headers for new/replaced header cells (not just content). Fixes issue #683.
  • Docs
    • Fixed lots of minor HTML issues (e.g. missing closing </li> & <p> tags)
  • Parsers
    • Add parser for textareas within the parser-input-select.js file.
    • Modify input & textarea parser to only update the table cache when:
      • The user presses enter (input) or alt + enter (textarea) within the element.
      • When the element is blurred.
      • Or, when the mouse leaves the tbody.
  • Editable
    • Add two new options:
      • editable_autoAccept: accepts any changes made to the table cell automatically (true by default)
      • editable_validate: a function used to validate the changes; return a valid string (null by default)
    • Modify editable_columns type check to prevent javascript errors. See pull #688. Thanks scratcher28!
    • Limit the editable_columns array value to columns within the table.
  • Filter
    • Make all options show within the current select when the filter-onlyAvail class is set on a column.
    • Updated & added docs for $.tablesorter.filter.buildSelect function to allow external calls to modify filter select options.
    • Update filter_selectSource to accept arrays instead of a function. This was documented as working, but it wasn't coded until now. Sorry!
    • Add filter_selectSourceSeparator option:
      • Include a separator within the filter_selectSource array (e.g. "a-z|A through Z").
      • The text that is left of the separator is added to the option value, the the text on the right is added to the option text.
      • So "a-z|A through Z" becomes <option value="a-z">A through Z</option>.
      • Fixes issue #692.
    • Add role="row" to the filter row. Fixes issue #697.
    • Any match inputs now follow the filter_startsWith setting. See this Stackoverflow question.
  • Pager
    • The ouput option can now include user modifiable startRow ({startRow:input}) or page ({page:input}) inputs within the output.
    • Remove selected attribute from page selector options. Fixes issue #700.
  • Resizable
    • Update $.tablesorter.addHeaderResizeEvent function's first parameter table to accept table DOM elements as well as jQuery objects. Fixes issue #687.