NOTE!
- Widget added in v2.29.1. Thanks to aavmurphy for sharing the code!
- This widget works by enabling it in the
widgetsoption and adding atablesorter-vertical-groupclass name to the header column. - Make sure to include the additional CSS shown on this page.
- Click to sort a column. Any sorted columns with duplicate cell entries will be grouped together and the zebra striping will be adjusted.
- Sorting multiple columns will again adjust the duplicates and zebra striping.
- This widget works by enabling it in the
Demo
| Day | First Name | Last Name |
|---|---|---|
| Tuesday | Peter | Jones |
| Thursday | Peter | Smith |
| Thursday | Fred | Smith |
| Friday | Fred | Jones |
| Tuesday | Mike | Snow |
| Monday | Mike | Jones |
| Wednesday | Mike | Smith |
| Friday | Fred | Snow |
| Tuesday | Fred | Smith |
| Thursday | Peter | Snow |
| Friday | Mike | Smith |
| Monday | Fred | Jones |
| Tuesday | Peter | Snow |
| Friday | Mike | Jones |
| Wednesday | Peter | Smith |
Page Header
<link rel="stylesheet" href="css/blue/style.css"> <script src="js/jquery-latest.min.js"></script> <script src="js/jquery.tablesorter.min.js"></script> <script src="js/widgets/widget-vertical-group.min.js"></script>