# Master-Detail Template

The Kendo UI for Vue 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`](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api/gridprops#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.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/grid/custom-rendering/hierarchy/source.txt)

Alternatively, you can define the hierarchy relation using the `render` function or named slots.

## Suggested Links

* [API Reference of the Grid](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api/gridprops)
* [API Index of the Grid](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api)