Question

我正在使用tablesorter 2.0，当点击一个按钮时我一直试图覆盖css主题，但我似乎无法得到任何结果。我试图在主题文件中添加一点css，但我认为另一个属性是覆盖它。我想要做的是更改某个类的行的背景颜色。

如果有人可以查看这个并告诉我将该类和属性添加到此文件的位置，我们将不胜感激。

这是tablesorter的主题文件：

table.tablesorter {
    font-family:arial;
    background-color: #CDCDCD;
    margin:10px 0pt 15px;
    font-size: 8pt;
    width: 100%;
    text-align: left;
    border-radius:3px;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #e6EEEE;
    border: 1px solid #FFF;
    font-size: 8pt;
    padding: 4px;
}
table.tablesorter thead tr .header {
    background-image: url(bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.tablesorter tbody td {
    color: #3D3D3D;
    padding: 4px;
    background-color: #FFF;
    vertical-align: top;
}
table.tablesorter tbody tr.odd td {
    background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
    background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
    background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #5B5781;
}

这是我用来更改行的jquery css（它是来自$ .post（）调用的回调）：

function(){
            $("#row_"+id).css("background-color", "orange");
            }

Answer 1

TR有背景颜色没有错。

您的代码有效，但您必须意识到您指定TD的背景颜色为#FFF。您正在更改TR的BG颜色，但TD的颜色位于其上方。

Tablesorter主题，更改按钮单击的行背景

1 个答案: