Remove the zebra styled row colors

rashed_karim

Hi all,

I am trying to remove the default zebra styled row colors and assign my own colors. To do this I duly initialized my table by overriding the asStripClasses property:
[code]
hJobTable = $('#HighJobs').dataTable( {
"asStripClasses":[], ...
} );
[/code]
In firebug I can see that the 'even' and 'odd' have been correctly stripped off the tbody > tr elements as expected. However, the striping style remains in the even rows.

I can see in screen.css this definition:
[code]
tbody tr:nth-child(2n) td, tbody tr.even td {
background:none repeat scroll 0 0 #E5ECF9;
}
[/code]

The odd rows display fine (with my assigned colors) but the even rows still display as color #E5ECF9 !!!

Any ideas??? I am stumped!

Rashed.

GregP

Interesting. The first part of that CSS is independent of the "even" or "odd" classes. But anyhow, you can safely comment out those lines from screen.css and everything should work as you hoped. ;-)