我不会通过使用JQuery来更改条纹表的各个行的颜色:
$("#rowElementId").addClass("activeRow");
css类activeRow
如下所示:
.activeRow {
background-color: #d9d9d9;
}
该表本身看起来像这样:
<table class="table table-striped">
<thead>
<tr id=...>
...
问题是,我的解决方案JQuery指令仅适用于条纹表的白色行。我该如何更改?
在这里您可以找到我的问题的示例:Bootstrap
特异性已关闭。当前行的颜色选择是在自举3的情况如下:.table-striped>tbody>tr:nth-of-type(odd)
。
您应该将自己的样式设置为这样,以增加其特异性:
.table-striped>tbody>tr.activeRow{
background-color: #d9d9d9;
}
编辑:这是您的bootply的分支,演示了此方法。(为了清楚起见,我添加了额外的行)
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句