Angular中ag-grid如何不更新列定义运行时修改多值单元格排序依据

完全可以不调用gridApi.setColumnDefs实现动态排序逻辑修改，原有方案的副作用问题可以从根源上规避。

核心实现逻辑 #

你原有方案的过滤器折叠问题，本质是gridApi.setColumnDefs会触发全量列实例销毁重建，连带把侧边栏、过滤器的关联实例一起销毁，才会出现状态重置。
ag-grid 的运行时列实例本身挂载了当前生效的列配置引用，无需全量刷新列定义即可完成属性修改：

• 调用gridApi.getColumn(colId)可直接获取目标列的运行时实例
• 通过列实例的getColDef()方法可以拿到当前生效的真实列配置对象，对该对象的属性修改会直接被组件识别，不会触发列实例销毁重建
• 修改完比较器逻辑后，如果目标列当前处于激活排序状态，调用applyColumnState传入原有的排序方向，即可强制触发排序逻辑重算，全程不会触碰过滤器实例、侧边栏面板的状态。

改造后的核心代码 #

替换原有的updateComparatorOnColDef方法即可，无需额外保存/恢复过滤器展开状态：

updateComparatorOnColDef(colId: string, dataProperty: string) {
  const targetCol = this.gridApi.getColumn(colId);
  if (!targetCol) return;

  // 直接读取运行时生效的列配置，无需深拷贝全量列定义
  const runtimeColDef = targetCol.getColDef();

  // 绑定新的排序比较器逻辑
  runtimeColDef.comparator = this.generateComparator(dataProperty);
  // 写入当前选中的排序标记，供列菜单的勾选状态读取
  runtimeColDef.sortBy = dataProperty;

  // 若当前列已激活排序，用新的比较器重算排序结果
  const currentSort = targetCol.getSort();
  if (currentSort) {
    this.gridApi.applyColumnState({
      state: [{ colId: colId, sort: currentSort }],
      defaultState: 'preserve' // 保留其他列的排序配置，不产生连带影响
    });
  }
}

配套调整列主菜单的勾选状态读取逻辑，从原来读userProvidedColDef的属性，改为直接读运行时列配置：

// getMainMenuItems方法内的菜单项配置替换checked取值
checked: params.column.getColDef().sortBy === 'customer'

方案优势 #

• 无全量列重建的性能开销，百列级大表格下操作无卡顿
• 全程不会销毁过滤器、侧边栏面板的实例，原有过滤器展开状态、筛选值完全保留，无需额外做状态的存/恢复逻辑
• 代码逻辑更简洁，移除了深拷贝列定义、侧边栏状态读写的冗余代码

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