在Angular应用程序中以编程方式折叠Kendo UI网格详细信息

<kendo-grid #grid [data]="gridData" [height]="400">
  <!-- 列定义 -->
</kendo-grid>

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

@Component({
  selector: 'app-grid',
  templateUrl: './grid.component.html',
  styleUrls: ['./grid.component.css']
})
export class GridComponent {
  @ViewChild('grid', { static: true }) grid: GridComponent;

  // 数据源和列定义
  public gridData: any[] = [
    // 数据
  ];

  // 折叠/展开详细信息
  public toggleDetails(): void {
    this.grid.collapseAllRows();
    // 或者使用 this.grid.expandAllRows() 来展开所有行
  }
}

<button (click)="toggleDetails()">折叠/展开详细信息</button>