R2 2018 Release is here – now with modern UI for chatbots and more! See what’s new!
Change Theme

SASS Themes

    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 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.

      ASP.NET Core source

      Also available for:

      • detailtemplate.cshtml
      • DetailTemplateController.cs

      Support & learning resources

      Grid for other technologies