검도 UI 그리드 일련 번호 열

Question

행 인덱스 레코드의 정렬에 영향을받지 않는 직렬 인덱스로 검도 그리드의 첫 번째 열을 넣으려고합니다. 내가 이것을 성취 할 수있는 방법이 있습니까? 고맙습니다.

Answer 1

템플릿 열을 사용하여 구현할 수 있습니다. http://jsbin.com/olutin/10/edit

Answer 2

스크립트 섹션

<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")) 
     ) 

그것은 단지 (0) JQuery와

를 사용하여 하나의 열을 숨기 페이지 & s.no 당 두 개의 열 예를 들어 레코드를 반환합니다 : 여기 그렇게하는 방법을 보여주는 라이브 데모입니다

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