Detail-Row Template

The detail rows of the native Vue Grid by Kendo UI enable you to provide additional details about a particular row of table data through expanding or collapsing its content.

To define the detail rows:

1. Set the detail property of the Grid to a component, a render function, or a slot.
2. Define the expandField property to a field that will correspond to the expanded state of the item.

Alternatively, the detail rows could also be defined using the render function, or using named slots.

Suggested Links

• Grid with Custom Template, Row Details and Grouping
• API Reference of the Grid
• API Index of the Grid