New to Kendo UI for jQuery? Download free 30-day trial

Row template

Loading Demo...
  • rowtemplate.html
  • Sample service

Also available for:



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.

Support & Learning Resources