Datatable row coloring bug with air/aircompact skin

Webix JS
1

It seems that there is a bug in air/aircompact skin (or any other skin which has different colors for odd/even rows in datatable). When I have my own row colors specified with cssFormat property, then skin color overwrites it during rendering.
You can see the error situation here: http://usaraud.ee/webixairbug/ (try scrolling down to see it).

2

Hi,

It is not actually a bug. You just have to take skin peculiarities into account.

Odd/even CSS can be overridden by supplying !important flag for the background color. For these needs you should return a CSS class, not a color pair in your cssFormat function. CSS rules are as follows:

.mytable .highlight{
    color:#fff;
    background-color:#800000 !important;
  }

http://webix.com/snippet/22056e87

The issue occurred during scrolling because Webix differentiates between odd and event rows according to their position in a current scroll state, not from the top of the datatable.

3

Thank you for the explanation, works fine now.