tablesorter/README.md

221 lines
16 KiB
Markdown
Raw Normal View History

2012-12-19 17:00:47 +00:00
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.
2014-09-08 22:03:26 +00:00
### [Documentation](//mottie.github.io/tablesorter/docs/)
2012-12-19 17:00:47 +00:00
2014-09-08 22:03:26 +00:00
* See the [full documentation](//mottie.github.io/tablesorter/docs/).
* All of the [original document pages](//tablesorter.com/docs/) have been included.
* Information from my blog post on [undocumented options](//wowmotty.blogspot.com/2011/06/jquery-tablesorter-missing-docs.html) and lots of new demos have also been included.
* Change log moved from included text file into the [wiki documentation](//github.com/Mottie/tablesorter/wiki/Changes).
2012-12-19 17:00:47 +00:00
### Demos
2014-09-08 22:03:26 +00:00
* [Basic alpha-numeric sort Demo](//mottie.github.com/tablesorter/).
* Links to demo pages can be found within the main [documentation](//mottie.github.io/tablesorter/docs/).
* More demos & playgrounds - updated in the [wiki pages](//github.com/Mottie/tablesorter/wiki).
2012-12-19 17:00:47 +00:00
### Features
* Multi-column alphanumeric sorting and filtering.
2014-09-08 22:03:26 +00:00
* Multi-tbody sorting - see the [options](//mottie.github.io/tablesorter/docs/index.html#options) table on the main document page.
* Supports [Bootstrap v2 and 3](//mottie.github.io/tablesorter/docs/example-widget-bootstrap-theme.html)
* Parsers for sorting text, alphanumeric text, URIs, integers, currency, floats, IP addresses, dates (ISO, long and short formats) & time. [Add your own easily](//mottie.github.io/tablesorter/docs/example-parsers.html).
* Inline editing - see [demo](//mottie.github.io/tablesorter/docs/example-widget-editable.html)
2012-12-19 17:00:47 +00:00
* Support for ROWSPAN and COLSPAN on TH elements.
* Support secondary "hidden" sorting (e.g., maintain alphabetical sort when sorting on other criteria).
2014-09-08 22:03:26 +00:00
* Extensibility via [widget system](//mottie.github.io/tablesorter/docs/example-widgets.html).
* Cross-browser: IE 6.0+, FF 2+, Safari 2.0+, Opera 9.0+, Chrome 5.0+.
* Small code size, starting at 25K minified
2012-12-19 17:00:47 +00:00
* Works with jQuery 1.2.6+ (jQuery 1.4.1+ needed with some widgets).
2013-03-27 23:21:09 +00:00
* Works with jQuery 1.9+ ($.browser.msie was removed; needed in the original version).
2012-12-19 17:00:47 +00:00
### Licensing
* Copyright (c) 2007 Christian Bach.
2014-09-08 22:03:26 +00:00
* Original examples and docs at: [http://tablesorter.com](//tablesorter.com).
* Dual licensed under the [MIT](//www.opensource.org/licenses/mit-license.php) and [GPL](//www.gnu.org/licenses/gpl.html) licenses.
### Related Projects
* [Plugin for Rails](//github.com/themilkman/jquery-tablesorter-rails). Maintained by [themilkman](//github.com/themilkman).
2015-01-31 23:38:06 +00:00
* [Bootsole](//alexweissman.github.io/bootsole/) (OOP templating engine using tablesorter) by [alexweissman](//github.com/alexweissman).
2012-12-19 17:00:47 +00:00
### Special Thanks
2014-09-08 22:03:26 +00:00
* Big shout-out to [Nick Craver](//github.com/NickCraver) for getting rid of the `eval()` function that was previously needed for multi-column sorting.
* Big thanks to [thezoggy](//github.com/thezoggy) for helping with code, themes and providing valuable feedback.
* Big thanks to [ThsSin-](//github.com/TheSin-) for taking over for a while and also providing valuable feedback.
* Also extra thanks to [christhomas](//github.com/christhomas) and [Lynesth](//github.com/Lynesth) for help with code.
2013-10-18 18:38:46 +00:00
* And, of course thanks to everyone else that has contributed, and continues to contribute to this forked project!
### Questions?
2014-09-08 22:03:26 +00:00
* Check the [FAQ](//github.com/Mottie/tablesorter/wiki/FAQ) page.
* Search the [main documentation](//mottie.github.io/tablesorter/docs/) (click the menu button in the upper left corner).
* Search the [issues](//github.com/Mottie/tablesorter/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.
2014-09-08 22:03:26 +00:00
* Ask your question at [Stackoverflow](//stackoverflow.com/questions/tagged/tablesorter) using a tablesorter tag.
* Please don't open a [new issue](//github.com/Mottie/tablesorter/issues) unless it really is an issue with the plugin, or a feature request. Thanks!
2014-12-23 03:12:59 +00:00
### Recent Changes
2012-12-19 17:00:47 +00:00
2014-12-23 03:12:59 +00:00
View the [complete change log here](//github.com/Mottie/tablesorter/wiki/Changes).
2015-02-10 00:44:47 +00:00
#### <a name="v2.19.1">Version 2.19.1</a> (2/9/2015)
* Core
* Replace all double quote with a single - OCD made me do it!
* Save raw table cell text (unparsed) into the cache.
* Core/Widgets
* Fix a problem with event unbinding when using jQuery versions 1.7 &amp; 1.8.
* When an `unbind` (or `off`) event string contains an untrimmed or central double space, **all** events on the element become unbound.
* See [jQuery bug](http://bugs.jquery.com/ticket/10705) or [this demo](http://jsfiddle.net/Mottie/zL6uory0/1/).
* Updated the core, and the cssStickyHeaders, editable, filter, formatter, math, pager (addon & widget), staticRow widgets and stickyHeaders widgets.
* Chart
* Add more data points.
* Filter
* Add a [second custom filter search type example](http://mottie.github.io/tablesorter/docs/example-widget-filter-custom-search2.html) which allows finding if the query number is within a range.
* Math
* Add `math_event` option.
* StaticRow
* Add `staticRow_event` option.
2015-02-07 06:46:44 +00:00
#### <a name="v2.19.0">Version 2.19.0</a> (2/7/2015)
* Core
* Add AMD/browserify support; See [pull #786](https://github.com/Mottie/tablesorter/pull/786), thanks to [mwiencek](https://github.com/mwiencek)!
* Resort variable can now contain a new sort. See [issue #782](https://github.com/Mottie/tablesorter/issues/782).
* Prevent resort when `serverSideSorting` is `true`. Fixes [issue #764](https://github.com/Mottie/tablesorter/issues/764).
* Add `resort` option. It is used as the fallback value when no resort parameter is included with the "updateAll", "update", "addRows" and "updateCell" methods.
* Add `removeWidget` function which calls the widget `remove` function &amp; removes the named widget from the `config.widget` option.
* A `refreshing` parameter was added to the widget remove function; when `true` it indicates that a `refreshWidgets` method was triggered and that the widget will only be temporarily removed.
* Make fixColumnWidth a public function (`$.tablesorter.fixColumnWidth`). Calling it will refresh set column widths dynamically. See [issue #680](https://github.com/Mottie/tablesorter/issues/680).
* The default `textExtraction` function has been optimized - `node.innerText` was completely removed as it is significantly slower in IE.
* Modified the "updateCell" method to not reapply widgets if the resort parameter is `false`; this may resolve issue with widgets causing elements to lose focus.
* Updated the `refreshWidgets` to use the `removeWidget` function. Once the widgets have been refreshed a `"refreshComplete"` event will be triggered.
* Updated `applyWidget` function to allow passing a callback function.
* Prevent adding multiple icons on refresh.
* Trim header text added to aria label.
* The `updateAll` method no longer restores headers since it is only refreshing.
* Fix parser check while building cache which can cause unresolving parsers in case the first tbody is empty and remaining tbodies have less rows than a number of tbody. See [pull #814](https://github.com/Mottie/tablesorter/pull/814). Thanks [prijutme4ty](https://github.com/prijutme4ty)!
* Docs
* Specify pager's `pageSet` method requires a one-based index value.
* Miscellaneous corrections & fixes. Thanks [prijutme4ty](https://github.com/prijutme4ty)!
* Remove `uitheme` widget option (it was removed in v2.14.0, but not properly documented). Pertinent information on how to modify the uitheme widget class names was moved to the core `theme` documentation.
* Add a new pager variables section which contains some useful variables within the pager object (`table.config.pager`).
* Update "jQuery data" demo to show the difference between setting a data-attribute and jQuery data directly.
* Add api documentation for using the `getColumnData` function.
* Parsers
* Add countdown parser (hh:mm:ss) - demo included with the [duration parser](http://mottie.github.io/tablesorter/docs/example-parsers-duration.html).
* Update input-select parser to use the `resort` option.
* Widgets (general)
* Build widget & storage extension: Pass `"null"` to `$.parseJSON` as a fallback. Fixes [issue #586](https://github.com/Mottie/tablesorter/issues/586).
* Update `remove` widget function for columnSelector, cssStickyHeaders, math, pager, repeatHeaders, saveSort & stickyHeaders.
* Widgets removed from beta: alignChar, columnSelector, math, output, print, reflow & staticRow.
* AlignChar:
* Don't add align character when no content is right of it. Prevents adding a hanging decimal, e.g. `3000.`.
* Chart widget (New; beta):
* Generic chart widget used to basically extract data from the table and output in multiple formats.
* Current chart libraries supported: Google charts, Highcharts & FusionCharts.
* Some additional processing may be required to add extra variables (graph colors, labels, etc).
* A [demo is available here](http://mottie.github.io/tablesorter/docs/example-widget-chart.html).
* An example of this widget is also available [here](http://codepen.io/TheSin/pen/GgEeEj).
* Thanks to [TheSin-](https://github.com/TheSin-) for creating this widget!
* ColumnSelector:
* Fix column index issue, again.
* The `refreshColumnSelector` method has been updated to accept a parameter ([get more details](http://mottie.github.io/tablesorter/docs/example-widget-column-selector.html#methods)):
* If an array of zero-based column indexes is passed by this method, "auto" mode will be disabled &amp; only columns within the array will be shown - critical or disabled columns will always be shown.
* If a non-array is passed by this method, the "auto" mode will be enabled.
* Fixes [issue #798](https://github.com/Mottie/tablesorter/issues/798).
* A change in "auto" checkbox now triggers a "columnUpdate" event.
* Dragtable (New; beta)
* The [dragtable jQuery UI widget](http://akottr.github.io/dragtable/) adds column reordering to a table.
* This isn't a tablesorter widget, but a modification made to a jQuery UI widget to better integrate with tablesorter - [demo](http://mottie.github.io/tablesorter/docs/example-dragtable.html).
* A modified version of dragtable has been included in the "extras" folder; this is a jQuery UI widget, not a tablesorter widget!
```js
$(function () {
$('table')
.dragtable({
dragHandle: '.table-handle',
excludeFooter: true
})
.tablesorter({
theme: 'blue',
selectorSort: '.sort',
widgets: ['zebra', 'filter']
});
});
```
* This modified version, so far, allows column reordering to work with the filter &amp; resizable widgets.
* Additional work will be required to get this jQuery UI widget to work with the scroller, columnSelector &amp stickyHeaders widgets.
* Fixes issue [#781](https://github.com/Mottie/tablesorter/issues/781), and portions of issue [#215](https://github.com/Mottie/tablesorter/issues/215) and [#186](https://github.com/Mottie/tablesorter/issues/186).
* Editable
* Update to add a `editable_columnsArray` which is created from the `editable_columns` option. When `editable_columns` contains a string (e.g. `0-3`), this option will contain an array of zero-based column indexes.
* The dragtable mod widget can then use this option to rearrange and maintain editable columns properly.
* Filter
* Hide filter row using the `filtered` class name (`table.config.widgetOptions.filter_filteredRow`).
* Select source, and unparsed filter text now priorities data from the `textAttribute`. Fixes issues with Formatter widget - see [issue #812](https://github.com/Mottie/tablesorter/issues/812).
* Update select2 filterFormatter code to properly escape regexp characters. Fixes [issue #796](https://github.com/Mottie/tablesorter/issues/796).
* Normalize `table` parameter for public functions.
* Formatter (New; beta)
* This new widget allows you to apply formatting to the columns ([demo](http://mottie.github.io/tablesorter/docs/example-widget-formatter.html)).
* Fixes [issue #812](https://github.com/Mottie/tablesorter/issues/812).
* Output
* Fix trim spaces for header cells.
* Pager
* `pageReset` now used while filtering. See [issue #778](https://github.com/Mottie/tablesorter/issues/778).
* Get most up-to-date filter before setting `pageReset`. Fixes [issue #783](https://github.com/Mottie/tablesorter/issues/783).
* `filteredRows` now properly calculated when first `tbody` is set with a `cssInfoBlock` class name`.
* Page size resets to original page setting instead of always 10.
* Add `pageAndSize` method to set both the page &amp; size.
* Add `pagerUpdate` method to force a pager update; even if no ajax parameters have changed. Fixes [issue #801](https://github.com/Mottie/tablesorter/issues/801).
* Add `cachedIndex` variable which is useful if you need to find the currently visible rows within the pager in the internal cache (`table.config.cache`). See the [documentation](http://mottie.github.io/tablesorter/docs/#variable-pager-cache-index) for an example.
* Update goto selector independently of other elements. Fixes [issue #811](https://github.com/Mottie/tablesorter/issues/811).
* Modified to apply widgets &amp; fire "pagerComplete" after the cache is built; this specifically applies to ajax tables.
* Print
* Ignore columnSelector "auto" setting when `columnSelector_mediaquery` option is disabled (`false`). Fixes [issue #808](https://github.com/Mottie/tablesorter/issues/808).
* Reflow
* Trim stored header text.
* Scroller
* Resizing &amp; browser zooming should now show proper widths. Fixes issues [#680](https://github.com/Mottie/tablesorter/issues/680) &amp; [#634](https://github.com/Mottie/tablesorter/issues/634).
* UITheme
* Now updates properly when dynamically changing the `table.config.theme` option.
* During an update, add inner wrapper to specific columns that are missing it.
* Add separate sort class names to both the header &amp; icon element; breaks old demos, but falls in-line with the addition of core css icon class settings in v2.18.3.
* Themes
* Add filter row background color; it appears that Chrome uses the `<tr>` background color when the `hideme` class is added to the row.
* Updated Bootstrap to 3.3.2.
* Testing
* Update QUnit.
* Remove jsHint checks.
2014-12-23 03:12:59 +00:00
#### <a name="v2.18.4">Version 2.18.4</a> (12/22/2014)
* Docs
* Add link to demo showing how to apply jQuery selectmenu widget to a filter
* Update theme switcher linked styles
* Add clarification on using jQuery selectors that target the header cell. Fixes [issue #766](https://github.com/Mottie/tablesorter/issues/766).
* Fix various typos. Thanks [seanhussey](https://github.com/seanhussey)!
* Add `cssIgnoreRow` docs.
* Core
* Add `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.
* ColumnSelector widget
* Add `columnUpdate` event when columnSelector is updated.
* Add `columnSelector_cssChecked` option - css class name added to checkboxes.
* Pager (addon & widget)
* Ensure `filteredRows` variable gets updated before the move to page function is called. Fixes [issue #778](https://github.com/Mottie/tablesorter/issues/778).
* StickyHeaders widget
* Make `includeCaption` option dynamic; add note of new jQuery requirement.
* Add popup window demo to sticky headers example.
* Themes
* Style filter input & selects only.
* Only style `<i>` tags from tablesorter on theme Bootstrap v2 & less file. Thanks [frodrigo](https://github.com/frodrigo)!
* Modify theme Dropbox & grey to also only target icon class name for css styling.