R1 2019 Release is here. See what's new!
Change Theme

SASS Themes

    LESS Themes

      SASS Theme Builder

      Create new or customize SASS themes
      Launch Theme Builder

      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