New to Kendo UI for Angular? Start a free 30-day trial

ExpandDetailsDirective

A directive which controls the expanded state of the master detail rows. (see example)

Selector

[kendoGridExpandDetailsBy]

Export Name

Accessible in templates as #kendoExpandDetailsInstance="kendoGridExpandDetailsBy"

Inputs

NameTypeDefaultDescription

kendoGridExpandDetailsBy

string | (dataItem: any) => any

Defines the item key that will be stored in the expandedDetailKeys collection (see example).

expandedDetailKeys

any[]

Defines the collection that will store the expanded keys.

initiallyExpanded

boolean

false

Specifies if the items should be initially expanded. When set to true items added to the expandedDetailKeys collection will be collapsed, and items that are not present in it will be expanded.

Events

NameTypeDescription

expandedDetailKeysChange

EventEmitter<any[]>

Fires when the expandedDetailKeys are changed.

In this article

Not finding the help you need?