table interactivity using tablesorter + pager companion
Hello,
I'm currently using the tablesorter plugin with its pager companion,
it's really making like simpler but there's something I couldn't
figure out:
I've got a table that displays the elements 5 by 5. When clicking one
of the elements, I'm displaying the details of it in another div.
I'd like to highlight the current element that has just been clicked
in the table by adding it a 'active' class _and_ removing the active
class of the previously selected element.
without using the pager, doing a simple:
$('#foo tbody tr.active').removeClass('active');
$(this).addClass('active');
in the click handler does the job fine. This works as well when the 2
<tr> are on the same page, however when they are not, selecting $
('#foo tbody tr.active') doesn't return anything as the pager doesn't
simply hide the <tr>s, it temporarily removes them from the table.
Would anyone know how to access in a not_so_dirty way the <tr>s that
are not on the current page view? :)
Thanks!
Best regards,
Renaud