Comment puis-je déterminer quelle colonne a été cliquée dans une table à l'aide de tablesorter?

Question

J'utilise jQuery et tablesorter pour ajouter le tri des colonnes à mes données sur une page.

Je souhaite enregistrer quelle colonne a été triée. Comment puis-je déterminer quelle colonne a été cliquée? Y a-t-il un événement dans lequel je peux me brancher?

Answer 1

Je fini par utiliser l'événement sortEnd et vérifier la présence du .sorted-az et .sorted-za classes pour déterminer la colonne triée.

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

Il suffit d'attribuer un délégué à la table et prendre click événements sur th éléments:

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

Answer 3

Réglage de votre événement, cliquez sur le .tablesorter .header devrait fournir un moyen facile d'obtenir la colonne cliquée tout à éviter les conflits avec d'autres tables