<table id="table">
<thead>
<tr>
<th><a href="#" data-sort-by="A">Column A</a></th>
<th><a href="#" data-sort-by="B">Column B</a></th>
<th><a href="#" data-sort-by="C">Column C</a></th>
<th>Column D</th>
</tr>
</thead>
<tbody>
<tr>
<td>a</td><td>b</td><td>c</td><td>d</td>
</tr>
<tr>
<td>a</td><td>b</td><td>c</td><td>d</td>
</tr>
</tbody>
</table>
<script>
$(function() {
$("#table").semiAutoTable({
rowOption: false,
pageOption: false,
sortOption: {
'A': 'asc',
'B': 'desc'
}
}).on('sortChange', function(event, sortObject) {
console.log(JSON.stringify(sortObject));
$(this).semiAutoTable('updateSortBy', sortObject);
});
});
</script>