datatable coloring problem with "div:nth-child"

Webix JS
#1

Good morning,

I built a datatable with one column colored by value (col state):

data = [ 
  { name: "peter", 
     state = 1, $cellCss = { state : { "background-color": "#ff0000" } } },
  { name: "paul", 
     state = 2, $cellCss = { state : { "background-color": "#00ff00" } } },
  { name: "mary", 
     state = 3, $cellCss = { state : { "background-color": "#0000ff" } } }
];

This looks great in IE8, but in IE10/FF all even rows are gray.

Reason: The style “div:nth-child” overwrites my custon color (checked with CSS-inheritance in firebug).

Can I disable the even-row-gray or does exists a overwrite-attribute like “cellCssNthChild”?

Thanx …

#2

I can confirm the issue, it will be fixed in the next update.
As quick solution, you can use coloring like next

data = [ 
  { name: "peter", 
     state = 1, $cellCss = { state : { "background-color": "#ff0000 !important" } } },
  { name: "paul", 
     state = 2, $cellCss = { state : { "background-color": "#00ff00 !important" } } },
  { name: "mary", 
     state = 3, $cellCss = { state : { "background-color": "#0000ff !important" } } }
];
#3

Thanx - “!important” works!