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>