jquery tablesorter et cochez toutes les cases de l'en-tête

Question

J'ai une table avec une case à cocher "Sélectionner tout" comme première colonne d'en-tête et du code simple pour cocher toutes les cases de la page lorsque la case d'en-tête est cliquée.

$('#CheckAll').bind('click',function() { 
     var checked = $(this).attr('checked'); 
     $('input').attr('checked', checked); 
    }); 

le code fonctionne très bien, mais dès que je lie tablesorter à la table de l'événement, cliquez sur #CheckAll ne semble plus au feu:

$('#ResultsTable').tablesorter(headers: { 0: { sorter: false} }); 

Toutes les idées?

Answer 1

Il est tout à fait possible que tablesorter détruise/recréer l'élément Dom original. Vous pouvez lier APRÈS votre appel à tablesorter, ou bien vous pouvez essayer « vivre » au lieu de « lier »:

$('#CheckAll').live('click',function() { 
     var checked = $(this).attr('checked'); 
     $('input').attr('checked', checked); 
    }); 

Answer 2

Tu as failli got it !. Essayez celui-ci:

$("#tablesorter").tablesorter({headers:{0:{sorter:false}}});