使用tablesorter保持交替的行颜色

Question

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

我的问题是，当我创建奇数行着色时，我点击表格标题进行排序时，我的交替颜色会突然混淆，因为分拣机会重新排列行。有没有办法可以保持交替的行颜色？

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

Answer 1

不要直接向行添加类。使用记录的{偶数/奇数规则here。

样本用法：

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/

更新了演示