Grid can't change grouping when field name changed

[Krailit]

Hi,

I try to change field name and group name but I get error message "Cannot set properties of undefined (setting 'visible')". Do you have another way to change field name and group name at same time?

Sample link: https://stackblitz.com/edit/angular-poiffy-3bgegu?file=app.component.ts

Thank you

[Joseph Christ Nithin Issack]

Hi Krailit,

  Greetings from Syncfusion support.

  Based on your query, you want to change the filed name and the grouped column. Your requirement can be achieved by clearing the grouping first by using the `clearGrouping` method and then you can change the filed name by getting the column using the `getColumnByField` and group the column again by using the `groupColumn` method.

Refer the below code example:

 

btnClick() {

    this.grid.clearGrouping();

    var column = this.grid.getColumnByField('OrderID');

    column.field = 'EmployeeID';

    this.grid.refreshColumns();

    setTimeout(() => {

      this.grid.groupColumn('EmployeeID');

    }, 100);

  }

 

Thanks,

Joseph I.