Skip to main content Skip to footer
React Icon

React Datagrid Grouping

Wijmo's React datagrid, FlexGrid, allows you to group data via CollectionView. Set multiple groups in a single datagrid and implement an Outlook-style GroupPanel to allow users to drag-and-drop columns to create groups.


Group rows around a column value in FlexGrid to display the data in an organized, hierarchical structure in React applications.

Grouping Demo

Grouping Documentation

Drag-and-Drop Grouping

Implement GroupPanel, an Outlook-style React grouping UI, with FlexGrid to allow users to manually create groups. It creates a panel that enables users to drag-and-drop columns onto–creating groupings in the datagrid based on the column's new location.

Drag-and Drop Grouping Demo

Drag-and-Drop Grouping Documentation