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

    });

} );

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

感谢

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>

如果您使用的是Datatables css，则可以在表格中添加条带class="stripe"，例如网站上的example：

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

数据表以更改第二个表中的颜色

1 个答案: