懸停效果上的角劍道網格行

Question

當用戶將鼠標懸停在行背景上時，我想更改行的背景（有用的幫助，行跟蹤）。

我嘗試使用[rowClass]將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定位懸停的行並添加所需的樣式，例如：

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

例