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

Detail template

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • Edit in Theme Builder
detailtemplate.cshtml
DetailTemplateController.cs
EmployeeViewModel.cs
OrderViewModel.cs
HierarchyController.cs

Also available for:

CLIENT-SIDE API SERVER-SIDE API

Description

This example demonstrates how you can utilize the detail template feature of the MVC grid component when implementing hierarchical table presentation. The key steps here are to:

  • Set the ClientDetailTemplateId setting which specifies the id of the script element containing the client-side detail template of the grid
  • Define the script tag content that will be shown when the user expands the grid rows

In this example we inject a TabStrip HtmlHelper extension with two tabs in the detail template - the first contains the orders of the relevant employee, and the second one holds his/her contact information.

Support & Learning Resources