javascript - Bootstrap 表行选择

Question

我似乎无法突出显示整行。当我将其标记为事件状态时，带有 sorted_1 类的任何行都不会采用选定的突出显示。即使在排序时手动设置单元格的背景也不会产生结果。有什么想法吗？

             <table class="table table-bordered table-hover" id="accountTable">
                <thead>
                    <tr>
                        <th style="width: 50%;">Account Name
                        </th>
                        <th style="width: 50%;">Profit Center Number
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>Test Acct</td>
                        <td>XXXX99753</td>
                    </tr>
                    <tr>
                        <td>Test Acct 2</td>
                        <td>XXXX99885</td>
                    </tr>
                    <tr>
                        <td>Account 3</td>
                        <td>XXXX99885</td>
                    </tr>
                    <tr>
                        <td>Z Account</td>
                        <td>XXXX99885</td>
                    </tr>
                </tbody>
            </table>

此外，当然，在我的脚本部分的末尾调用它。

$('#accountTable').dataTable();

Answer 1

table.dataTable td.sorting_1,
table.dataTable td.sorting_2,
table.dataTable td.sorting_3,
table.dataTable th.sorting_1,
table.dataTable th.sorting_2,
table.dataTable th.sorting_3 {
    background: none !important;
}

看来这就是问题所在。我正在使用这些元素中的内部样式表，它有这个可爱的部分:/