The grid supports editing grouped data when using the Client-Side Row Model. This page explains how to keep the grouping hierarchy synchronised with edits.
Refreshing Groups After Editing Copy Link
When grouped columns are editable, set refreshAfterGroupEdit=true so the grid updates row data and recalculates the grouping after every committed edit.
In the example above, changing the region causes the grid to re-evaluate the grouping and move the row to the correct group instantly. Double click on a region cell to edit it.
By default, without refreshAfterGroupEdit enabled, the row data updates but the grouping does not get updated until the next full refresh.
When enabling refreshAfterGroupEdit, also provide getRowId so that the grid can track rows by stable IDs while rebuilding the grouping hierarchy.
See also Read Only Edit for configuring immutable grouped data or connecting the grid with a store.