2012-10-02 51 views
0
我目前使用的jQuery插件的tablesorter

,发现这里:http://tablesorter.com/docs/#Download保持交替行颜色用的tablesorter

我的问题是,当我创建奇数行着色,我点击表头排序,我的交替颜色突然混在一起,因为分拣机重新排列了行。有没有办法让我的交替行颜色保持不变?

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

+0

你可以使用'TBODY TR:第n个孩子(奇){背景色:蓝绿色; } http://jsfiddle.net/gromer/HN3ys/我试图找到一个明确的来源,但它看起来好像它适用于除IE版本以外的所有主流浏览器<= 8。 – Gromer

回答

5

使用

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

而不是类。通过这种方式,该规则动态地应用于奇数行。

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

5

请勿直接向行中添加类。使用CSS even/odd规则记录here

使用范例:

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

* *演示:** http://jsfiddle.net/bJCKz/4/ ---不错的一个 –

+0

但是,如果您只希望将其应用于一个GridView并将其他表格和GridView单独留存呢? – Fandango68

+0

什么阻止你将特定的CSS类只添加到特定的GridView? '.myClass tr:nth-​​child(偶数){background:#CCC}' –