Угловая сетка кендо при наведении курсора

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

Я попытался применить класс 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

2
0
1 945
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Самый простой подход - настроить таргетинг на зависшие строки через CSS и добавить желаемый стиль, например:

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

ПРИМЕР

Другие вопросы по теме