Hello Infragistics Support,
When grouping is enabled in IgxGrid, users can drag & drop to reorder rows within a group, but they cannot drag & drop to reorder the groups themselves. We need end-users to be able to reorder entire groups by dragging the group header.
IgxGrid
Configure an IgxGrid with grouping enabled (e.g., via groupingExpressions).
groupingExpressions
Enable row drag & drop (e.g., rowDraggable).
rowDraggable
Group the grid by one or more columns.
Try to drag a group header to move the whole group up/down.
Row reordering inside a group works.
Group headers are not draggable; group order is effectively locked to the default key sort.
No public API/event exists to programmatically reorder groups in response to user actions.
Allow drag-and-drop of group headers to reorder entire groups.
When a group is moved, all its child rows move with it.
Preserve expanded/collapsed state of the moved groups.
If this is already possible via an API or configuration we missed, guidance would be appreciated. Otherwise, please consider this a feature request.
Here is a small demo project. Just "npm run start" it.
Thank you! Michael Dahm
Hi Michael,
As far as I know, IgxGrid currently doesn’t support drag-and-drop reordering of group headers. Reordering is limited to rows within a group, and group order follows the grouping key/sort logic with no public API to change it dynamically.
So you’re not missing anything — this would indeed be a new feature request. Your description (moving the whole group, keeping rows and expand/collapse state) makes sense and is well scoped. Hopefully the team can consider it for a future release.
Hi Michael, Thanks for the detailed description and demo project. Currently, IgxGrid supports drag-and-drop for rows within a group, but there isn’t a built-in way to drag entire group headers to reorder groups. You are correct that no public API currently allows programmatic reordering of groups directly via user actions. As a workaround, you could implement custom logic: listen for a drag event on the group header, and then update the groupingExpressions array to reorder the groups programmatically, preserving the child rows and expanded/collapsed states. This approach requires some manual handling of the grid’s state. Otherwise, your suggestion would make a solid feature request for the Infragistics team to consider adding native support for group header drag-and-drop in future releases. Wheelie Life