排序表后，表行中的备用行颜色不起作用

Question

我正在使用具有备用行颜色的表，并且同一个表具有jquery.tablesorter.js的排序功能。如下。

css可以应用于替代行，如。

              $("tr:even",$(this)).css({'backgroundColor':'#ffffff'});
              $("tr:odd",$(this)).css({'backgroundColor':'#ebf0f5'});

排序可以通过

完成

             function sortTable(tableID)
                {
                     $("#"+tableID).tablesorter();      
                }

第一次替代行颜色工作正常。

但是当我对记录进行排序时，格式已经改变了。替代行颜色不起作用。

任何帮助将不胜感激。

Answer 1

使用zebra小部件：

$("table").tablesorter({widgets: ['zebra']}) 

Answer 2

排序完成后，您可以运行此jquery代码：

$("table <make it more specific!>").find("tr").removeClass("alt").filter(":odd").addClass("alt");

这是jsFiddler code。

Answer 3

使用此：

$('#table').tablesorter({
    widgets     : ['zebra'],
    widgetZebra : {
        css: ['your_even_css_class_name', 'your_odd_css_class_name']
    }
});

删除它：

$("tr:even",$(this)).css({'backgroundColor':'#ffffff'});
$("tr:odd",$(this)).css({'backgroundColor':'#ebf0f5'});