How to determine which column was clicked in a table using tablesorter?

Question

I use jQuery and tablesorter to add column sorting to my data on the page.

I want to write down which column was sorted. How to determine which column was clicked? Is there an event I can connect to?

Answer 1

I ended up using the sortEnd event and checked for the presence of the .sorted-az and .sorted-za classes to determine the sorted column.

table.bind("sortEnd", function () {
    var checkSort = function (query, order) {
        var column = table.find(query);

        if (column.length == 1){
           // Do stuff
        }
    };

    checkSort("th.sorted-a-z", "descending");
    checkSort("th.sorted-z-a", "ascending");
});

Answer 2

click .tablesorter .header , .

Answer 3

click th:

$('#table').delegate('th', 'click', function(e) {
  //e.target will point to the header that was clicked
});