Skip to main content Skip to footer
Angular Icon

Angular Datagrid Grouping

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

Grouping Demo

Grouping Documentation

Drag-and-Drop Grouping

Implement GoupPanel, an Outlook-style Angular 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