Angular Kendo Grid Row на эффекте парения

Question

Я хотел бы изменить фон строки, когда пользователь наводит на них курсор (полезная помощь, отслеживание строки).

Я пытался применить класс CSS (<class>:hover) к каждой строке, используя [rowClass], что теоретически работает, но стиль не будет применен.

<kendo-grid [rowClass]="rowCallback" [data]="gridData" [height]="410"> ...

export class AppComponent {
    public gridData: any[] = products;

    rowCallback(context) {
      return 'styler';
    }
}

Stackblitz: https://stackblitz.com/edit/grid-hover-color-test

Answer 1

Самый простой подход заключается в том, чтобы нацелить наведенные строки с помощью CSS и добавить желаемый стиль, например ::100100

encapsulation: ViewEncapsulation.None,
styles: [`
  .k-grid tr:hover {
    background-color: yellow;
  }
`]

Пример