如何在AG Grid中始终按字母顺序排序分组内的行？

要实现分组内的行始终按字母顺序排序，不受用户对分组列的聚合值排序影响，可以通过AG Grid的postSort回调函数来完成，具体步骤如下：

1. 添加分组内排序的回调函数 #

在你的组件中定义postSort函数，该函数会在Grid完成所有排序操作后执行，用于对每个分组内的子节点进行二次排序：

import { RowNode } from 'ag-grid-community';

// ... 其他代码

public postSort = (rowNodes: RowNode[]) => {
  const sortGroupChildren = (node: RowNode) => {
    // 仅处理分组节点且有子节点的情况
    if (node.group && node.childrenAfterGroup) {
      // 按城市名称的字母顺序排序分组内的行
      node.childrenAfterGroup.sort((a, b) => {
        const cityA = a.data.city;
        const cityB = b.data.city;
        return cityA.localeCompare(cityB);
      });
      // 递归处理嵌套分组（如果存在）
      node.childrenAfterGroup.forEach(child => sortGroupChildren(child));
    }
  };

  // 遍历所有顶层节点，处理分组
  rowNodes.forEach(node => sortGroupChildren(node));
};

2. 在Grid配置中启用该回调 #

将postSort配置添加到你的AG Grid组件中：

<ag-grid-angular
  [rowData]="rowData"
  [columnDefs]="columnDefs"
  [defaultColDef]="defaultColDef"
  [autoGroupColumnDef]="autoGroupColumnDef"
  [groupDefaultExpanded]="1"
  [postSort]="postSort"
  style="width: 100%; height: 500px;"
  class="ag-theme-alpine"
></ag-grid-angular>

原理说明 #

• postSort会在AG Grid完成用户触发的所有排序（包括对州分组按sum(Val1)/sum(Val2)的升降序排序）之后执行。
• 我们在函数中遍历每个分组节点，对其下的子节点按照城市名称的字母顺序重新排序，确保分组内的行不受外部排序规则的干扰。
• 该方案完全兼容非平衡分组模式，且适用于AG Grid Enterprise版本。

内容的提问来源于stack exchange，提问作者noru