All Components


    Grid / Row template

    Picture Details Country ID


    The Kendo UI 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. The templates are defined via script tags with ids associated with rendered html table row elements in the grid.

    Note that the row and altrow templates are instantiated by calling the kendo.template method and assigning the returned value to the rowTemplate and altRowTemplate attributes of the grid instance.

    HTML5/JavaScript source

    Also available for:

    API Reference
    • rowtemplate.html
    • Sample service
    • Widget configuration

    Support & learning resources

    Grid for other technologies