ngx-datatable css styling for mouse hover

Tim Tharratt picture Tim Tharratt · Feb 17, 2018 · Viewed 8.6k times · Source

I'm using ngx-datatable with the bootstrap theme. I can't find or figure out how to change the styling for when the mouse is hovered over a cells?. In this example it goes grey

http://swimlane.github.io/ngx-datatable/#css

I've been able to change the activation colour like this, just can't figure out the hover colour.

::ng-deep .ngx-datatable.bootstrap .datatable-body .datatable-body-
row.active {
  background-color: #006eff;
  color: #FFF;
}

Answer

C.Schubert picture C.Schubert · Feb 17, 2018
.ngx-datatable.bootstrap:not(.cell-selection) .datatable-body-row:hover,
.ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group
{ 
   background: red;
}

This works.