Skip to main content Skip to footer
Vue Icon

Vue Datagrid Grouping

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

Grouping Demo

Grouping Documentation

Drag-and-Drop Grouping

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