MUIx数据网格 - 使用聚合时如何样式排

Question

目前使用自定义样式的行/列，还将设计聚合列。我该如何设置此行而不影响聚合行？

https：//codesandbox.io/s/frosty-euler-1szk2y？file =/demo.tsx

Answer 1

  {
        field: SomeFieldName,
        headerName: SomeHeaderName,
        type: number,
        width: 140,
        renderCell: renderCellFunction,
}




export const renderCellFunction = (params: GridRenderCellParams<Partial<RowDataType>, any, any, GridTreeNodeWithRender>) => {
    if (params.aggregation) {
        return <Typography color="primary.main">{params.formattedValue}</Typography>;
    }
    return (
        <div>
            <Typography>{params.row.xyz}</Typography>
        </div>
    );
};