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

Row template

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • Edit in Theme Builder
  • Change Theme
    Main

    Themes & Swatches

    SASS
    LESS
    • Black
    • Blue Opal
    • Bootstrap v3
    • Default
    • Fiori
    • Flat
    • High Contrast
    • Material
    • Material Black
    • Metro
    • Metro Black
    • Moonlight
    • Nova
    • Office 365
    • Silver
    • Uniform
  • rowtemplate.cshtml
  • RowTemplateController.cs

Also available for:

CLIENT-SIDE API SERVER-SIDE API

Description

The Telerik MVC grid allows flexible customization of its rows in terms of layout and appearance by exposing row template feature for this purpose.

In this example we present how you can specify your own custom layout for the rows in the grid using images and property bindings from its underlying data source.

To do that you need to define a template column as shown below:

columns.Template(e => { }).ClientTemplate(" "). Title("Picture");

and after that using the ClientRowTemplate and ClientAltRowTemplate settings to set the custom client-side row and alt-row templates. Note that both templates should contain table row HTML elements.

Support & Learning Resources