Learn how to say “no” to ugly apps with the new R1‘18 Telerik release. Sign up for the webinar!
All Components
Theme

SASS Themes (beta)

    LESS Themes

      SASS Theme Builder

      Create new or customize SASS themes
      Launch Theme Builder

      Grid / Detail template

      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.

      ASP.NET MVC source

      Also available for:

      • detailtemplate.cshtml
      • DetailTemplateController.cs

      Support & learning resources

      Grid for other technologies