angular-slickgrid在分组时隐藏总行

Angular-Slickgrid是一个基于Angular框架的数据表格插件，它提供了丰富的功能和灵活的配置选项。在使用Angular-Slickgrid进行分组时，隐藏总行可以通过以下步骤实现：

首先，确保已经安装了Angular-Slickgrid插件并在项目中引入了相关的模块。
在组件中定义一个布尔类型的变量，用于控制总行的显示与隐藏。例如，可以定义一个名为hideTotalRow的变量，并将其初始值设置为false。
在模板中，使用条件语句来判断是否隐藏总行。可以使用*ngIf指令来根据hideTotalRow变量的值来决定是否显示总行。例如：

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

在组件中，根据需要的条件来更新hideTotalRow变量的值。例如，可以在分组时将hideTotalRow设置为true，以隐藏总行。可以通过监听分组事件或者在分组函数中进行相应的处理来实现。以下是一个示例：

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;
    }
  }
}

在上述示例中，onGroupingChanged函数监听了分组变化事件，并根据是否有分组来更新hideTotalRow变量的值。

这样，当使用Angular-Slickgrid进行分组时，根据hideTotalRow变量的值，可以动态地隐藏或显示总行。