Grid Grouping problem

[Salim]

I’m trying to remove the grouping programmatically by clearing the state:

    this.state = { skip: 0, take: this.state.take, filter: this.state.filter, sort: this.state.sort, group: []};

the data  is actually being un grouped but the ui is not refreshed as in the attached screenshot.

 

[Dimiter Topalov]

Hello Salim,

When the Grid state is changed programmatically, the data should be also processed in accordance with the new state so that the ungrouped data is displayed in the Grid, e.g.:

https://plnkr.co/edit/PZyODq0JwFSsAg253U5e?p=preview

Alternatively, you can use an automatic binding directive and resetting the state will result in automatic rerendering of the Grid:

https://plnkr.co/edit/wMQRfPAzaEMnHnKE61Rc?p=preview

I hope this helps.

Regards,
Dimiter Topalov
Progress Telerik