agGroupCellRenderer not found

Question

I upgraded the ag-grid & ag-grid-react to 14.2.0, but I still get this warning:

ag-grid: Looking for component [agGroupCellRenderer] but it wasn't found.

My column definitions:

let columnDefs = [
    {headerName: 'Name', field: 'userName', width:163, cellRenderer:'agGroupCellRenderer'},
    {headerName: 'Job Title', field: 'jobTitle', width:143},
]

What am I missing here?

Have you resolved this issue, please share what you did to resolve this. — Mukesh Kumar, Dec 03 '18 at 08:13

score 7 · Answer 1 · answered Jan 20 '20 at 19:36

To those who have this message "ag-Grid: Looking for component" with Angular 8, check to see if you have it referenced on your HTML page. In my code, I was missing some reference code in the HTML file. Here is a rough example that could help someone:

EXAMPLE

Component File:

import { AgGroupCellRendererComponent } from 
'../../global/components/agGroupCellRenderer.component';

columnDefs= [{headerName: 'Name', field: 'userName', width:163, 
cellRenderer:'agGroupCellRenderer'}]

frameworkComponents: any;
constructor() {
    this.frameworkComponents = {
      agGroupCellRenderer: AgGroupCellRendererComponent,
    };
}

HTML File:

<ag-grid-angular
  style="width: 100%; height: 500px;"
  class="ag-theme-balham"
  [gridOptions]="gridOptions"
  [rowData]="rowData"
  [frameworkComponents]="frameworkComponents"
>

CREZi · Answer 2 · 2020-03-04T09:43:29.870

6

I think you should use components property for mapping string(agGroupCellRenderer) to angular component(AgGroupCellRendererComponent)

gridOptions = {
    ... 
    components: {
        agGroupCellRenderer: AgGroupCellRendererComponent
    }
}

More information here https://www.ag-grid.com/javascript-grid-cell-rendering/

edited Mar 04 '20 at 09:43

answered Feb 20 '19 at 11:35

CREZi

111
1
6

score 4 · Answer 3 · answered May 17 '20 at 20:35

make sure to have in your component file :

 frameworkComponents = {agGroupCellRenderer: AGroupCellRenderer}
 context = { componentParent: this }
.....
{headerName: 'Name', field: 'userName', width:163, cellRenderer:'agGroupCellRenderer'}

and this in your html file :

 <ag-grid-angular 
  ..
    [frameworkComponents]="frameworkComponents"
    [context] = "context"

..>

score 0 · Answer 4 · answered Feb 01 '18 at 04:14

0

The warning went away when upgraded to 15.0.0

answered Feb 01 '18 at 04:14

krishna sinha

71
1
1
2

4

I'm receiving these errors on aligned grid tables in v17.0.0 despite the cell rendering correctly – lgants Apr 12 '18 at 16:15

agGroupCellRenderer not found

4 Answers4