Skip to main content Skip to footer
JavaScript Icon

JavaScript Datagrid Grouping

Wijmo's JavaScript 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 JavaScript applications.

Grouping Demo

Grouping Documentation

Drag-and-Drop Grouping

Implement GroupPanel, an Outlook-style JavaScript 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