如何使行悬停覆盖数据表中的选择？

Question

I want to add a row hover to the Webix datatable using hover property, but it doesn't affect to the selected row by default.

I've tried to modify the :hover of the selection class, but the current notation works only for the hovered cell (while I need a hovered row):

<style>
  .bluehover{
      background:lightblue;
  }
  .webix_row_select:hover{
      background:lightblue !important;
  }
</style>

Snippet here .

Will appreciate any help.

Answer 1

Just change

.webix_row_select:hover{
    background:lightblue !important;
}

to

.webix_row_select *:hover{
    background:lightblue;
}

Updated snippet

Answer 2

I think the solution from @aisah is not up to date anymore. Under webix 8 one only needs to set hover:<css_class> and define .<css_class>{background: <my_color>;} without the hover selector.

Snippet

Webix Documentation