[IgxGrid] - How do you groupby columns that are autogenerated?

[mddifilippo89]

With autogenerated columns how do you groupby columns through the UI when showGroupArea is true?

[georgianastasov]

Hello @mddifilippo89

When we have auto-generated columns and we want to group them, what we can do is to handle the ngAfterViewInit hook and, when loading and rendering the grid, access its columns. We can then iterate through them and set each groupable property to true.

<igx-grid
    #grid
    [data]="data"
    [autoGenerate]="true"
    width="100%"
    height="600px"
    [showGroupArea]="true"
  ></igx-grid>

public ngAfterViewInit() {
    this.grid.columns.forEach((column) => {
         column.groupable = true;
    });
} 

Here could be found a small sample demonstrating the above mentioned approach.