angular-slickgrid在分组时隐藏总行

<angular-slickgrid [gridOptions]="gridOptions">
  <!-- 其他表格配置 -->
  
  <!-- 总行 -->
  <div *ngIf="!hideTotalRow" class="total-row">
    <!-- 总行内容 -->
  </div>
</angular-slickgrid>

import { Component } from '@angular/core';
import { GroupingEventArgs } from 'angular-slickgrid';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent {
  hideTotalRow = false;

  onGroupingChanged(event: GroupingEventArgs) {
    // 判断是否有分组
    if (event && event.grid && event.grid.getDataLength() > 0) {
      this.hideTotalRow = true;
    } else {
      this.hideTotalRow = false;
    }
  }
}