Cell color over selected row color in a datatable

Webix JS
1

For the datatable I set the selected row color to light blue. The cell “rank” has to be colorized according to some criteria. But if I move the selected row to “Godfather II” for example, the row color replaces the cell color and one cannot see that the cell has dark blue color.

https://snippet.webix.com/mvij52wf

Is it possible to leave the color of the cell over the color of selected row?

2

Hello,

It’s better to specify the name of the appropriate CSS class like

<style>
    .my_style .webix_column > div{
        border-color:#ddd;
    }
</style>
 
<script>
webix.ui({
    view:"datatable",
    css:"my_style"
});
</script>

Also, you need to use !importantto override the style
Please check the sample:
https://snippet.webix.com/uit7ilsr

Or, it’s possible to style without using !important
Please check
https://snippet.webix.com/swiduxyt

3

Many thanks!