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.
Example
View Source
Change Theme:

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

In this article

Not finding the help you need?