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

Master-Detail Template

The native Vue Grid by Kendo UI provides options for visualizing the relations between its parent and child records by displaying the table data in a hierarchical order.

To apply a hierarchical order to the desired records, use the detail property of the master Grid. The feature allows you to load the detail component which contains the corresponding child Grid records that are filtered by the parent key field value.

Example
View Source
Change Theme:

Alternatively, the hierarchy relation could also be defined using the render function, or using named slots.

In this article

Not finding the help you need?