,发现这里:http://tablesorter.com/docs/#Download保持交替行颜色用的tablesorter
我的问题是,当我创建奇数行着色,我点击表头排序,我的交替颜色突然混在一起,因为分拣机重新排列了行。有没有办法让我的交替行颜色保持不变?
要查看我的问题是什么,请打开此jsfiddle,然后单击其中一个行标题。 http://jsfiddle.net/bJCKz/1/
,发现这里:http://tablesorter.com/docs/#Download保持交替行颜色用的tablesorter
我的问题是,当我创建奇数行着色,我点击表头排序,我的交替颜色突然混在一起,因为分拣机重新排列了行。有没有办法让我的交替行颜色保持不变?
要查看我的问题是什么,请打开此jsfiddle,然后单击其中一个行标题。 http://jsfiddle.net/bJCKz/1/
使用
.tablesorter tbody tr:nth-child(odd) {
background-color: turquoise;
}
而不是类。通过这种方式,该规则动态地应用于奇数行。
请勿直接向行中添加类。使用CSS even/odd规则记录here。
使用范例:
tr:nth-child(even) {background: #CCC}
tr:nth-child(odd) {background: #FFF}
* *演示:** http://jsfiddle.net/bJCKz/4/ ---不错的一个 –
但是,如果您只希望将其应用于一个GridView并将其他表格和GridView单独留存呢? – Fandango68
什么阻止你将特定的CSS类只添加到特定的GridView? '.myClass tr:nth-child(偶数){background:#CCC}' –
你可以使用'TBODY TR:第n个孩子(奇){背景色:蓝绿色; } http://jsfiddle.net/gromer/HN3ys/我试图找到一个明确的来源,但它看起来好像它适用于除IE版本以外的所有主流浏览器<= 8。 – Gromer