GridGroupableSettings

Updated on Mar 26, 2026

The settings for grouping the data of the Grid (see example).

Name	Type	Default	Description
enabled?	boolean		Determines if grouping by dragging and dropping the column headers is allowed and if the group header is visible.
expandable?	boolean | GridGroupExpandableSettings		The group expandable settings.
footer?	"none" | "visible" | "always"		Determines if the group footer row is visible when the group is collapsed. Defaults to false.
stickyFooters?	boolean	false	When enabled, the group footer row sticks to the bottom of the scrollable area so that it remains visible while scrolling through group data rows. Requires the footer property to be set to 'always' or 'visible'. vue <Grid :groupable="{ stickyFooters: true, footer: 'always' }" />
stickyHeaders?	boolean	false	When enabled, the group header row sticks to the top of the scrollable area so that it remains visible while scrolling through group data rows. vue <Grid :groupable="{ stickyHeaders: true }" />