DataTables изменить цвет во второй таблице

Question

У меня есть два DataTables показывающие бок о бок в моем 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 

    }); 

}); 

Однако, я хотел бы, что второй DataTable («# 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> 

Если вы используете DataTables CSS, вы можете добавить полосы к столу с class="stripe" на столе, как и example на их сайте:

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