CODEWITHSUNDEEP
javascriptreactjsag-gridag-grid-react
Kurt Shaw
Kurt Shaw

Reputation: 619

React ag grid conditional cellrenderer

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'

Upvotes: 0

Views: 3001

Answers (2)

ragi
ragi

Reputation: 46

I guess by now you know you can use the cellRendererSelector for this purpose

cellRendererSelector: params => {
    return params.data.group=== 'Y' ? {component:'agGroupCellRenderer'} : {};
}

Upvotes: 0

joey
joey

Reputation: 76

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' : '';
},

Upvotes: 2

Related Questions