Angular 4 Kendo网格通过单击行而不是箭头展开详细信息模板

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

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

@Component({
  selector: 'app-grid',
  templateUrl: './grid.component.html',
  styleUrls: ['./grid.component.css']
})
export class GridComponent {
  public gridData: GridDataResult;
  public pageSize = 10;
  public skip = 0;

  // 数据加载和处理逻辑
}

<kendo-grid [data]="gridData" [pageSize]="pageSize" [skip]="skip" [height]="410">
  <kendo-grid-column field="name" title="Name"></kendo-grid-column>
  <kendo-grid-column field="age" title="Age"></kendo-grid-column>
  <kendo-grid-column field="address" title="Address"></kendo-grid-column>
  <kendo-grid-column field="details" title="Details" [width]="100">
    <ng-template kendoGridDetailTemplate let-dataItem>
      <!-- 展开的详细信息模板 -->
    </ng-template>
  </kendo-grid-column>
</kendo-grid>