jquery tablesorter and select all checkbox in table header

Question

I have a table with a "select all" checkbox as the first header column and some simple code to select all checkboxes on the page when the header checkbox is clicked.

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

the code runs fine, but as soon as I bind tablesorter to the table the click event on #CheckAll no longer seems to fire:

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

Any ideas?

Answer 1

It's quite possible tablesorter is destroying/recreating the original Dom element. You can either bind AFTER your call to tablesorter, or else you might try "live" instead of "bind":

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

Answer 2

You almost got it!. Try this one:

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