ExpandGroupDirective

Controls the expanded state of group rows in the Grid. Use this directive to manage which group rows are expanded or collapsed (see example).

typescript

<kendo-grid [kendoGridExpandGroupBy]="expandGroupBy" [expandedGroupKeys]="expandedGroupKeys"></kendo-grid>

Selector

[kendoGridExpandGroupBy]

Export Name

Accessible in templates as #kendoExpandGroupInstance="kendoGridExpandGroupBy"

Inputs

Name	Type	Default	Description
expandedGroupKeys	any[]		Holds the collection of expanded group keys. Set this property to control which group rows are expanded.
kendoGridExpandGroupBy	string | (group: GroupRowArgs) => any		Sets the item format stored in the expandedGroupKeys collection. Accepts a property name or a function that returns a unique key for each group (see example).
groupsInitiallyExpanded	boolean	false	Specifies if group items are expanded by default.

Events

Name	Type	Description
expandedGroupKeysChange	EventEmitter<any[]>	Fires when the expandedGroupKeys collection changes.