ExpandDetailsDirective

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

typescript

<kendo-grid [kendoGridExpandDetailsBy]="expandDetailsKey" [expandedDetailKeys]="expandedDetailKeys"></kendo-grid>

Selector

[kendoGridExpandDetailsBy]

Export Name

Accessible in templates as #kendoExpandDetailsInstance="kendoGridExpandDetailsBy"

Inputs

Name	Type	Default	Description
kendoGridExpandDetailsBy	string | (dataItem: any) => any		Sets the item key stored in the expandedDetailKeys collection. Accepts a property name or a function that returns a unique key for each data item. (See example).
expandedDetailKeys	any[]		Holds the collection of expanded detail row keys. Set this property to control which detail rows are expanded.
initiallyExpanded	boolean	false	Specifies if detail rows are expanded by default. When set to true, items in the expandedDetailKeys collection are collapsed, and all others are expanded.

Events

Name	Type	Description
expandedDetailKeysChange	EventEmitter<any[]>	Fires when the expandedDetailKeys collection changes.