All Components


    Grid / Row template



    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