數據表而改變顏色第二表

-1

我有兩個數據表示出並排在我的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 

    }); 

});

然而，我想的是，第二數據表（「＃例2」），以與待顯示不同的背景顏色。

感謝

來源

2015-06-19 elstiv

我已經添加下面的，但現在這兩個表都受到影響：'code' $（文件）。就緒（函數（）{ \t $（ '＃例2'）數據表（ { 「分頁」：假的，「訂貨」：假的，「信息」：假的， \t \t 「bFilter」：\t假 \t \t \t \t }）; （「＃table.dataTable.stripe tbody tr.odd，table.dataTable.display tbody tr.odd'）。css（{」backgroundColor「：」black「，」color「：」white「}）; \t \t } ）; 'code' – elstiv

爲了使您的代碼工作，你必須改變選擇器僅指向#example2：

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

注意，你並不需要的jQuery的是，這是如果更好

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

如果您正在使用數據表CSS，你可以用class="stripe"在桌子上添加條紋的表格，如：你只用CSS做在其網站上：

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

來源

2015-06-22 15:22:37

數據表而改變顏色第二表

回答

相關問題