# tablesorter

## Filter Widget + jQuery UI Selectmenu

### Flexible client-side table sorting

Back to documentation

NOTE!

- Updated v2.28.12:
  - Fix issue with the selectmenu rendering with jQuery UI v1.12.1.
  - Fixed a filter widget issue with regular expression settings being ignored since select filters are set to exactly match the content (modified in v2.25.4)
  - *NOTE* "filter-match" *must* be added to header since the default select behavior is to exactly match settings and this demo uses a combination of select value using partial matches and regular expressions.
- Demo added v2.24.4, to demonstrate how to use jQuery UI Selectmenu widget on a filter row select.
- *NOTE* - Selectmenu will not work properly in all circumstances:
  - When an "updateAll" method is triggered on the table, the filter row is removed & replaced due to the possibility of a column being added or removed. Selectmenu initialization will need to be performed again.
  - If using selectmenu along with a widget that constantly removes & rebuilds extra table headers & filter rows (e.g. the scroller widget), the selectmenu initialization will need to be performed again, or just avoid using those widgets.

# Demo

File Name | Updated
--- | ---
jquery.js | 11/5/2015
jquery-ui.js | 11/5/2015
map.jpg | 10/22/2015
tooltips.js | 8/5/2015
jquery-ui.css | 11/5/2015
index.html | 11/9/2015
smiley.gif | 8/14/2015
demo.html | 11/7/2015
theme.blue.css | 10/17/2015
tablesorter.js | 11/9/2015
readme.md | 11/9/2015
package.json | 11/8/2015
contributions.md | 10/8/2015
license.txt | 10/2/2015
logo.png | 11/1/2015

# Page Header

    <!-- jQuery & jQuery UI -->
    <link rel="stylesheet" href="css/jquery-ui.min.css">
    <script src="js/jquery-latest.min.js"></script>
    <script src="js/jquery-ui.min.js"></script>

    <!-- tablesorter plugin -->
    <link rel="stylesheet" href="css/theme.blue.css">
    <script src="js/jquery.tablesorter.js"></script>

    <!-- tablesorter filter widget - loaded after the plugin -->
    <script src="/js/widgets/widget-filter.js"></script>

# Javascript

# HTML