New to Telerik UI for ASP.NET MVC? Download free 30-day trial

Add Row Numbers to a Grid Column


Product Grid
Progress Telerik UI for ASP.NET MVC version Created with the 2022.2.621 version


How can I implement row numbers in a Telerik UI for ASP.NET MVC Grid?


To achieve the desired scenario, use the page() and pageSize() methods of the Data Source.

            .Columns(columns =>
                columns.Template(@<text></text>).ClientTemplate("#= getRecord() #");
                columns.Bound(p => p.OrderID).Filterable(false);
            .DataSource(dataSource => dataSource
                .Read(read => read.Action("Orders_Read", "Grid"))
    var record = 0;
    function getRecord() {
        record += 1;
        return record
    function onDataBinding() {
        record = ( - 1) * this.dataSource.pageSize();

See Also

In this article