如何在AG Grid中自定义默认聚合函数名称

当然可以实现这个需求！AG Grid提供了非常灵活的配置方式来定制界面文本，针对聚合函数名称的修改，最直接且推荐的方法是使用**localeText**配置项，它能轻松覆盖默认的小写缩写名称，替换成你想要的首字母大写完整名称。

方法一：通过localeText覆盖默认聚合函数名称 #

在Grid的配置对象（gridOptions）中，你可以通过localeText属性指定各个内置聚合函数对应的显示文本。AG Grid为每个内置聚合函数都提供了对应的文本键，比如aggFuncAvg对应默认的"avg"，aggFuncCount对应"count"，以此类推。

下面是具体的代码示例：

const gridOptions = {
  // 其他Grid配置项（比如列定义、数据源等）...
  localeText: {
    aggFuncAvg: 'Average',
    aggFuncCount: 'Count',
    aggFuncFirst: 'First',
    aggFuncLast: 'Last',
    aggFuncMax: 'Max',
    aggFuncMin: 'Min',
    aggFuncSum: 'Sum',
    // 若还有其他需要修改的内置聚合函数，都可以在这里补充
  }
};

配置完成后，列菜单里的「值聚合」子菜单就会显示你设置的首字母大写名称，完全符合你的需求。

方法二：自定义聚合函数的显示名称 #

如果你还定义了自己的聚合函数，想要给它们设置友好的显示名称也很简单——在定义自定义聚合函数时，给它添加一个displayName属性即可：

// 自定义聚合函数示例
const customAggFunc = (params) => {
  // 这里写你的聚合逻辑
  let total = 0;
  params.values.forEach(val => total += val);
  return total / params.values.length;
};
// 给自定义聚合函数设置显示名称
customAggFunc.displayName = 'Custom Average';

// 在列定义中使用这个自定义聚合函数
const columnDefs = [
  {
    field: 'amount',
    enableValue: true,
    aggFunc: customAggFunc
  }
];

这样，你的自定义聚合函数也会在列菜单里显示你设置的displayName，而不是默认的函数名。

这个方案我在多个项目里都用过，配置简单且效果稳定，完全不需要复杂的API调用，属于AG Grid原生支持的偏好设置方式，非常推荐！

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