Kendo Ui scrollable 작동하지 않음

Question

나는 검도 UI를 가상화하고 있지만 작동하지 않는다. 내 코드 스 니펫을 연결하려고한다.

는

$('#grid').kendoGrid({ 
      selectable: "multiple cell", 
      allowcopy: true, 
        pageSize:2, 
        scrollable{ 
          virtual:true, 
              } 
      columns: [ 
       { field: "Filename" }, 
       { field: "Type"}, 
       { field: "UploadedBy" ,title: "Uploaded By" }, 
       { field: "UploadedOn" , title: "Uploaded On"}, 
       { field: "FileLocationType" ,title:"File Location Type" }, 
       { field: "Size" } 
      ], 
      dataSource: [ 

       { Filename: "tea", Type: "beverages" ,UploadedBy: "Ankit" , UploadedOn:"March" , FileLocationType:"Jar" , Size:"XYZ" }, 
       { Filename: "tea", Type: "beverages", UploadedBy: "Ankit", UploadedOn: "March", FileLocationType: "Jar", Size: "XYZ" }, 
       { Filename: "tea", Type: "beverages", UploadedBy: "Ankit", UploadedOn: "March", FileLocationType: "Jar", Size: "XYZ" }, 
       { Filename: "tea", Type: "beverages" ,UploadedBy: "Ankit" , UploadedOn:"March" , FileLocationType:"Jar" , Size:"XYZ" }, 
       { Filename: "tea", Type: "beverages" ,UploadedBy: "Ankit" , UploadedOn:"March" , FileLocationType:"Jar" , Size:"XYZ" } ]  }); 

Answer 1

이처럼은 dataSource 내부의 pageSize 설정을 넣어해야합니다

dataSource: { 
    pageSize: 2, 
    data: [ 
     { Filename: "tea", Type: "beverages" ,UploadedBy: "Ankit" , UploadedOn:"March" , FileLocationType:"Jar" , Size:"XYZ" }, 
     { Filename: "tea", Type: "beverages", UploadedBy: "Ankit", UploadedOn: "March", FileLocationType: "Jar", Size: "XYZ" }, 
     { Filename: "tea", Type: "beverages", UploadedBy: "Ankit", UploadedOn: "March", FileLocationType: "Jar", Size: "XYZ" }, 
     { Filename: "tea", Type: "beverages" ,UploadedBy: "Ankit" , UploadedOn:"March" , FileLocationType:"Jar" , Size:"XYZ" }, 
     { Filename: "tea", Type: "beverages" ,UploadedBy: "Ankit" , UploadedOn:"March" , FileLocationType:"Jar" , Size:"XYZ" } 
    ] 
}