如何在 ag-grid 中为特定列自定义分组值？

Question

我有一个显示如下列表的 ag-grid 企业组件：

Column 1  Column 2  Column 3
--------  --------  ----------
ABC123    4         Category 1
ABC456    5         Category 2
DEF789    1         Category 1
DEF012    8         Category 3

当用户选择按第 1 列 对结果进行分组时，我希望 ag-grid 仅使用 前三个字母 来执行分组，而不是完整的价值观：

   Column 1  Column 2  Column 3
   --------  --------  ----------
> ABC
   ABC123    4         Category 1
   ABC456    5         Category 2
> DEF
   DEF789    1         Category 1
   DEF012    8         Category 3

我该怎么做？

据我了解，group cell renderer 只会影响组的显示方式，不会改变组的实际值。

Answer 1

找到了。我可以使用keyCreator 来做到这一点：

const colDef = [
    {
        headerName: 'Column 1',
        ...
        rowGroup: true,
        keyCreator: p => p.value.substr(0, 3)
    },
    ...
]