# tablesorter

## Vertical Group Widget

### Flexible client-side table sorting

Back to documentation

NOTE!

- Widget added in v2.29.1. Thanks to aavmurphy for sharing the code!
  - This widget works by enabling it in the `widgets` option and adding a `tablesorter-vertical-group` class 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.

# 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>

# CSS

# Javascript

# HTML