New to Kendo UI for AngularStart a free 30-day trial

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)

Definition

Package:@progress/kendo-angular-grid

Selector:[kendoGridExpandDetailsBy]

Export Name:Accessible in templates as #kendoGridExpandDetailsByInstance="kendoGridExpandDetailsBy"

Syntax:

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

Inputs

expandDetailBy

string | (dataItem: any) => any

Holds the collection of expanded detail row keys. Set this property to control which detail rows are expanded.

Default:

[]

Specifies if detail rows are expanded by default. When set to true, items in the expandedDetailKeys collection are collapsed, and all others are expanded.

Default:

false

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).

Events

Fires when the expandedDetailKeys collection changes.