javascript - 分页和排序表格时如何获得交替行颜色？

Question

我在以下链接上有一个演示:

http://mywebbapp.com/tableSortingDemo.html

当您单击“状态”列并开始排序，然后单击分页箭头转到第 2 页时，在您再次单击“状态”列之前，行不会交替显示颜色。有没有我可以编写的脚本来解决这个问题？

Answer 1

是的，不过我建议使用预制表格，例如 DataTables .

这是一个小的 jQuery 插件，如果您可以在分页时触发它，就可以使用它:

jQuery.fn.stripe = function() {
    $(this).find('tr').removeClass('even odd').filter(':odd').addClass('odd').end().find('tr:even').addClass('even');
}

$('#table').stripe();

然后一定要有一些改变颜色的CSS:

tr.odd { background: #fff }
tr.even { background: #ddd }