Kendo UI Grid Column Serial Number

Question

I am trying to put the first column of a Kendo grid as a sequence index that is not affected by the sorting of row entries. Is there any way to achieve this? Thank you.

Answer 1

This can be used using the template column. Here is a live demo showing how to do this: http://jsbin.com/olutin/10/edit

Answer 2

Script Section

<script> var rowNumber = 0; function resetRowNumber(e) { rowNumber = 0; } function renderNumber(data) { return ++rowNumber; } function renderRecordNumber(data) { var page = parseInt($("#Role").data("kendoGrid").dataSource.page()) - 1; var pagesize = $("#Role").data("kendoGrid").dataSource.pageSize(); return parseInt(rowNumber + (parseInt(page) * parseInt(pagesize))); } </script> **Kendo Grid**------------------------------------------------ @(Html.Kendo().Grid() .Name("grid") .Columns(columns => { columns.Template(t => { }).Title("Record Per page").ClientTemplate("#= renderNumber(data) #"); columns.Template(t => { }).Title("S.No").ClientTemplate("#= renderRecordNumber(data) #"); ); }) .Events(ev => ev.DataBound("resetRowNumber")) ) 

It will return two columns, e.g. a record on a page, and s.no just hide one column (0) using jquery

  $(document).ready(function () { var grid = $("#Role").data("kendoGrid"); grid.hideColumn(0); });