New to Kendo UI for jQuery? Download free 30-day trial
- Launch Theme Builder
- Blue Opal
- Bootstrap v3
- High Contrast
- Material Black
- Metro Black
- Office 365
Also available for:API REFERENCE
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.