datatables 在秒 table 后改变颜色

Question

我的 HTML 中有两个并排显示的数据表，如下所示：

$(document).ready(function() {
    $('#example').DataTable({
        "paging":   false,
        "ordering": false,
        "info":     false,
        "bFilter":  false
    });

} );

$(document).ready(function() {
    $('#example2').DataTable({
        "paging":   false,
        "ordering": false,
        "info":     false,
        "bFilter":  false

    });

} );

但是，我希望第二个数据表（'#example2'）以不同的背景颜色显示。

谢谢

Answer 1

为了让您的代码正常工作，您必须将选择器更改为仅指向 #example2:

$('#example2 tbody tr.odd')
    .css({"backgroundColor": "black", "color": "white"});

请注意，您不需要 jQuery，最好只使用 CSS：

<style>
#example2 tbody tr.odd {
    background-color: black;
    color: white;
}
</style>

如果您使用的是数据tables css，您可以在 table 中添加条纹，在 table 上添加 class="stripe"，例如 example 在他们的网站上：

<table id="example2" class="stripe">

datatables 在秒 table 后改变颜色

datatables to change colour in second table

colors

datatables