New to Telerik UI for ASP.NET Core? Download free 30-day trial


Loading Demo...
  • Edit in Theme Builder
  • hierarchy.cshtml
  • HierarchyController.cs
  • EmployeeViewModel.cs
  • OrderViewModel.cs

Also available for:



There are projects which require to display table data in hierarchical-like fashion, in order to visualize relations between parent and child records.

This is where the Telerik ASP.NET Core DataGrid hierarchy feature comes in handy. To implement hierarchy with the Telerik for ASP.NET Core DataGrid, you need to:

  • Set the ClientDetailTemplateId which specifies the id of the script element containing the client-side detail template of the ASP.NET Core Grid by Telerik
  • Define the script tag content that will be shown when the user expands the datagrid rows

More about the hierarchy templates of the Telerik Grid for ASP.NET Core

More about Telerik Grid for ASP.NET Core

Support & Learning Resources