• 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 Row Template in ASP.NET MVC Data Grid Control

This sample demonstrates the Grid component with the row template feature. In this sample, we have rendered each Grid row using the template.

DEMO
SOURCE

The Grid provides a way to use a custom layout for its rows using template feature. The RowTemplate property accepts either string or HTML element`s ID value, which will be used as the template for the row.

In this demo, we have presented Employee Information with Employee Photo in the first column and employee details like Name, Address etc. in the second column.

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