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

HierarchicalDataSource Overview

The HierarchicalDataSource extends the DataSource component.

It enables you to represent the data within the Kendo UI components in a hierarchical order.

Currently, the Kendo UI TreeView and PanelBar support the hierarchical Data Source. However, you can share the root level of the hierarchy with any DataSource-enabled component because the HierarchicalDataSource inherits from the DataSource.

The following example demonstrates how to bind a TreeView to the HierarchicalDataSource, display a two-level hierarchy of items, and bind a Grid to the same HierarchicalDataSource which displays the root level of items.

View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?