React ag grid conditional cellrenderer

Question

I want the props cellRenderer: 'agGroupCellRenderer' work conditionally. ex,

{
      headerName: 'testname',
      valueGetter: params => {
        return .....;
      },
      cellRenderer: 'agGroupCellRenderer',
      cellRendererParams: {
        suppressCount: true,
      },
}

if params.data.type==='group', then cellRenderer: 'agGroupCellRenderer', otherwise, cellRenderer:''(just do not render it as group).

I did something like

cellRenderer: params => {
        return params.data.group=== 'Y' ? cellRenderer:'agGroupCellRenderer' : '';
      },

but it just returns the string 'agGroupCellRenderer'

joey joey · Accepted Answer · 2019-11-18T03:06:09

You have defined your own cellRender function, so the AG-Grid will use the value you returned.

Maybe you can do something like this

cellRenderer: params => {
    params.data.group=== 'Y' ? cellRenderer: params.colDef.cellRenderer = 'agGroupCellRenderer' : '';
},

React ag grid conditional cellrenderer

1 Answers