Makes a table sortable by clicking header cells.
Supports tables with colSpan & rowSpan.
Import it after jQuery:
<script src="https://unpkg.com/jquery-tablesortable"></script>$('table#myTable').tableSortable();
// custom comparison function
$('table#myTable').tableSortable({ cmp: (a,b) => a < b ? -1 : 1 });Sample HTML:
<table id="myTable">
<thead>
<tr>
<th rowspan="2" class="nosort">Nr.</th>
<th rowspan="2">Name</th>
<th colspan="2">Order</th>
</tr>
<tr>
<th>number</th>
<th>text</th>
</tr>
</thead>
<tbody>
<tr>
<td>1.</td>
<td>Nikola</td>
<td>2</td>
<td>Tesla</td>
</tr>
<tr>
<td>2.</td>
<td>John</td>
<td>0</td>
<td>Miller</td>
</tr>
<tr>
<td>3.</td>
<td>Jacque</td>
<td>1</td>
<td>Fresco</td>
</tr>
</tbody>
</table>