jquery - 使用 tablesorter 保持交替的行颜色

Question

我目前正在使用 jquery 插件 tablesorter，在这里找到：http: //tablesorter.com/docs/#Download

我的问题是，当我创建奇数行着色并单击表格标题进行排序时，我的交替颜色突然再次混合，因为排序器重新排列了行。有没有办法让我的交替行颜色保持不变？

要查看我的问题是什么，请打开此 jsfiddle，然后单击其中一个行标题。 http://jsfiddle.net/bJCKz/1/

Answer 1

不要直接将类添加到您的行中。使用此处记录的 CSS 偶数/奇数规则。

示例用法：

tr:nth-child(even) {background: #CCC}
tr:nth-child(odd) {background: #FFF}

Answer 2

采用

.tablesorter tbody tr:nth-child(odd) {
   background-color: turquoise;   
}

而不是类。这样，规则就会动态地应用于奇数行。

在http://jsfiddle.net/bJCKz/5/上更新了演示