kendo ui angular2网格-如何将类应用于网格行

npm install --save @progress/kendo-angular-grid

import { Component } from '@angular/core';
import { GridComponent, GridDataResult } from '@progress/kendo-angular-grid';

export class MyComponent {
  public gridData: any[] = [
    { id: 1, name: 'John Doe', age: 30 },
    { id: 2, name: 'Jane Smith', age: 25 },
    { id: 3, name: 'Bob Johnson', age: 40 }
  ];
}

<kendo-grid [data]="gridData">
  <kendo-grid-column field="id" title="ID"></kendo-grid-column>
  <kendo-grid-column field="name" title="Name"></kendo-grid-column>
  <kendo-grid-column field="age" title="Age"></kendo-grid-column>
</kendo-grid>

<kendo-grid [data]="gridData" [rowClass]="getRowClass">
  <!-- 网格列定义 -->
</kendo-grid>

export class MyComponent {
  // 网格数据和其他属性定义

  public getRowClass(dataItem: any): string {
    if (dataItem.age > 30) {
      return 'highlighted-row';
    } else {
      return '';
    }
  }
}

.highlighted-row {
  background-color: yellow;
}