Setting a formatter on a grouped column

[amhassen97]

Hi

Is it possible to set a formatter on a grouped column? I have had no success so far, however as soon as I remove the column key from the groupBy prop array, the formatter function works.

For example:

The columns:

const columns = [
       {
            key: 'column1',
            name: 'Column 1',
            formatter (props){
                return <>{"TEST"}</>;
              },
        },
       {
            key: 'column2',
            name: 'Column 2',
       },

]

The component:

 <DataGrid
                    columns={columns}
                    rows={rows}
                    defaultColumnOptions={{ resizable: true }}
                    groupBy={["column1"]}
                    rowGrouper={rowGrouper}
                    expandedGroupIds={expandedGroupIds}
                    onExpandedGroupIdsChange={setExpandedGroupIds}
                />

If I remove "column1" from the groupBy prop array, the formatter runs, but as soon as it is added as part of the groupBy array, the formatter no longer works.

Thanks for the help in advance!

[epsilon-vlad]

Did you try groupFormatter?