New to Kendo UI for Vue? Start a free 30-day trial
Master-Detail Template
The Kendo UI for Vue Native Grid 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, you can define the hierarchy relation using the render function or named slots.
