如何在jquery tablesorter上动态设置行颜色

时间:2014-12-14 21:14:10

标签: jquery css

我想设置如下的行颜色:

<tr style="background-color:#c55186">

但由于某种原因,style属性不会覆盖tablesorters css。

使用css奇数和偶数是不够的。着色不遵循任何模式。

小提琴测试页:

http://jsfiddle.net/abkNM/4770/

2 个答案:

答案 0 :(得分:1)

使用来自CSS的background #fff,因为白色TD高于紫色TR。

对于具有style属性

的表行,您可以透明地覆盖白色背景
.tablesorter tr[style] td {background: transparent} 

http://jsfiddle.net/abkNM/4774/

答案 1 :(得分:0)

问题在于theme.blue.css包含

.tablesorter-blue td {
    background-color: #fff;
}

因此,您没有看到行的背景,因为单元格的背景会隐藏它。

然后,您可以使用,例如,

<tr class="customBackground">
.customBackground > td {
    background-color: #c55186;
}