• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse
Localization
*Translated by Google Translator.
Currency

Example of Detail Template in ASP.NET MVC Data Grid Control

This sample demonstrates the Grid component with the detail template feature. Click the expand button in each Grid row to show the detailed information about a row.

DEMO
SOURCE

The detail row template provides an additional information about a data row which can show or hide by clicking on expand or collapse button. The DetailTemplate property accepts either string or HTML element`s ID value, which will be used as the template for the detail row.

In this demo, we have presented Employee Information with image in the detail row.

The template expression should be provided inside ${...} interpolation syntax.


Transform your ASP.NET MVC web apps today with Syncfusion ASP.NET MVC components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE