All Components
Theme

SASS Themes (beta)

    LESS Themes

      SASS Theme Builder

      Create new or customize SASS themes
      Launch Theme Builder

      Grid / Row template

      PictureDetailsCountryID

      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.

      ASP.NET MVC source

      Also available for:

      • rowtemplate.cshtml
      • RowTemplateController.cs

      Support & learning resources

      Grid for other technologies