How to add row number to kendo ui grid?

Question

I have a kendo ui grid in my page that has some columns. Now I want to add a column to it that shows me row number. How to I do this? Thanks.

Answer 1

Declare a variable for row counting:

var rowNumber = 0;

Use it in your template with ++ operator to increment it for each iteration:

#= ++rowNumber #

This also works for Kendo UI ListView.

See the official document:

http://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/Templates/add-row-numbers