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
Edit in Theme Builder

Row template

Picture Details Country ID

Description

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