CSS-стиль ngx-datatable для наведения мыши

Я использую ngx-datatable с темой начальной загрузки. Я не могу найти или понять, как изменить стиль при наведении мыши на ячейки? В этом примере он становится серым

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

Я смог изменить цвет активации таким образом, просто не могу понять цвет наведения.

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

angular css ngx-datatable
person Tim Tharratt    schedule 17.02.2018    source источник
comment
Вы заставили его работать?   -  person C.Schubert    schedule 17.02.2018
comment
@C.Schubert, спасибо, отлично работает :-)   -  person Tim Tharratt    schedule 17.02.2018
comment
Ницца! Не могли бы вы отметить мой ответ как ответ.   -  person C.Schubert    schedule 17.02.2018

Ответы (2)


arrow_upward
14
arrow_downward 

.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;
}

Это работает.

person C.Schubert    schedule 17.02.2018

arrow_upward
3
arrow_downward 

 :host
  ::ng-deep
  .ngx-datatable.bootstrap:not(.cell-selection)
  .datatable-body-row:hover,
:host
  ::ng-deep
  .ngx-datatable.material:not(.cell-selection)
  .datatable-body-row:hover
  .datatable-row-group {
  background: red;
}

я должен был добавить

    :host
  ::ng-deep

а потом он начал работать.

Вы можете изменить другие стили по умолчанию, потому что есть линейный перевод:

:host
  ::ng-deep
  .ngx-datatable.material:not(.cell-selection)
  .datatable-body-row:hover {
  background-color: #007bff2e;
}
person BartusZak    schedule 27.11.2018
comment
как я могу применить подобное для выбранного? пример, который у них есть для избранного, не работает для меня! - person kuldeep; 26.10.2020