I downloaded the jQuery plugin Tablesorter 2.0 from http://tablesorter.com/jquery.tablesorter.zip and modified the example-pager.html which is in tablesorter/docs directory I wrote additional Rollover effects:

$(function() { $("table") .tablesorter({widthFixed: true, widgets: ['zebra']}) .tablesorterPager({container: $("#pager")}); $("tr").mouseover(function () { $(this).addClass('over'); }); $("tr").mouseout(function () { $(this).removeClass('over'); }); $("tr").click(function () { $(this).addClass('marked'); }); $("tr").dblclick(function () { $(this).removeClass('marked'); }); });

And of course modified the themes/blue/style.css file:

/* Additional code */ table.tablesorter tbody tr.odd td { background-color: #D1D1F0; }

table.tablesorter tbody tr.even td { background-color: #EFDEDE; }

table.tablesorter tbody tr.over td { background-color: #FBCA33; }

table.tablesorter tbody tr.marked td { background-color: #FB4133; } /* Additional code END*/

All this works fine BUT when I go to further pages i.e. page 2 3 or 4 the effects are gone! I really appreciate your help