Forums Ignite UI for Angular
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Michael Dahm
435
IgxGrid Group by | Drag-and-Drop reordering of groups
posted

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.

Steps to Reproduce

  1. Configure an IgxGrid with grouping enabled (e.g., via groupingExpressions).

  2. Enable row drag & drop (e.g., rowDraggable).

  3. Group the grid by one or more columns.

  4. Try to drag a group header to move the whole group up/down.

Actual Behavior

  • 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.

Expected/Requested Behavior

  • 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