I am using the excellent jquery.tablesorter successfully for a large
number of 40-row tables that live together on one page. So far I'm
very happy with the plugin.
My users also need the ability to apply any column sort they invoke
automatically to *all* tables on the pae. They do not wish to sort
the tables individually.
As recommended in another thread, I have been looking at sortStart and
sortEnd, but have been pulling my hair out trying to get this
working.
My JS:
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
// extend the default setting to always sort on the first column
$.tablesorter.defaults.sortList = [[0,0]];
// call the tablesorter plugin
$("table.tablesorter").tablesorter({ widgets: ['zebra'] });
//assign the sortStart event
$("table").bind("sortStart",function() {
$("#overlay").show();
}).bind("sortEnd",function() {
$("#overlay").hide();
});
});
</script>
My table tag: <table class="tablesorter" cellspacing="1">
I also tried binding to both a class and an id but this has not been
successful.
I'm pretty weak in this area, so a full example would be great. The
"Triggers sortStart and sortEnd" example (http://tablesorter.com/docs/
example-triggers.html ) was the closest help I could find, but does
not cover sorting multiple tables on a page.
