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

After sorting table, The alternate row color in table row is not working

本文关键字：表格 备用 颜色 不起作用 排序      更新时间：2023-09-26

我使用的是一个具有交替行颜色的表，同一个表具有jquery.tablesorter.js的排序功能，如下所示。

css可以应用于其他行。

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

分拣可以通过完成

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

第一次替换行颜色效果良好。

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

任何帮助都将不胜感激。

使用斑马小部件：

$("table").tablesorter({widgets: ['zebra']})
排序完成后，您可以运行以下jquery代码： 
$("table <make it more specific!>").find("tr").removeClass("alt").filter(":odd").addClass("alt");

这是jsFiddler代码。

使用此：

$('#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'});
相关文章：