Kendo Uiスクロール可能Not working

Question

私は剣道の仮想化に取り組んでいますが、動作していません。自分のコードスニペットをつけています。

$('#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

あなたはこのように、データソース内の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" } 
    ] 
}