Question

I am trying to change the color of rows in datatable using the below CSS.

table.dataTable tr.odd { background-color: #E2E4FF; }
table.dataTable tr.even { background-color: white; }

This change doesnt seem to affect first column in datatables, I can see the new color in other columns.

Can someone please let me know the reason for this issue?

Answer 1

Solved the issue by using the below css.

    table.dataTable td.sorting_1{ background-color: white; border:1px lightgrey; }
    table.dataTable td{ background-color: white;  border:1px lightgrey;}
    table.dataTable tr.odd { background-color: white;  border:1px lightgrey;}
    table.dataTable tr.even{ background-color: white; border:1px lightgrey; }