Skip to main content Skip to footer
x

Exciting news! We are now MESCIUS USA, Inc. Read More!

We are now MESCIUS USA, Inc. Read More!

We are now MESCIUS USA!

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.

Grouping

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