New to Telerik UI for ASP.NET MVC? Download free 30-day trial
Detail template
Loading Demo...
- EXAMPLE
- VIEW SOURCE
- Edit in Theme Builder
-
Change Theme
default
- Main
- Main Dark
- Nordic
- Ocean Blue
- Purple
- Turquoise
- Main
- Main Dark
- Nordic
- Urban
- Vintage
- Main
- Arctic
- Lime Dark
- Main Dark
- Nova
- Main
- Main Dark
- Opal
- Silver
detailtemplate.cshtml
DetailTemplateController.cs
Also available for:
CLIENT-SIDE API SERVER-SIDE APIDescription
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.