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

Detail template

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

Also available for:

API REFERENCE

Description

This example demonstrates how you can utilize the detail template feature of the ASP.NET Core grid by Telerik. The key steps are the following:
  • Set the ClientDetailTemplateId - this is the id of the script element containing the client-side detail template of the gridview
  • Define the script tag content that will be shown when the user expands the grid rows

In this example we inject an ASP.NET Core TabStrip HtmlHelper 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