2014-11-07 53 views
0

我有一個小網格,只有垂直空間才能顯示10條記錄。應該能夠使用垂直滾動條來導航超出前10條記錄。我不想在網格中尋呼機。Kendo UI Grid,可滾動不帶尋呼機

我無法得到它的工作(網格是不可滾動):

$(document).ready(function() { 
    $("#grid").kendoGrid({ 
    dataSource: { 
     type: "odata", 
     transport: { 
     read: "http://demos.kendoui.com/service/Northwind.svc/Orders" 
     }, 
     schema: { 
      model: { 
       fields: { 
        OrderID: { type: "number" }, 
        Freight: { type: "number" }, 
        ShipName: { type: "string" }, 
        OrderDate: { type: "date" }, 
        ShipCity: { type: "string" } 
       } 
      } 
     }, 
     pageSize: 10, 
    }, 
    pageable: false, 
    scrollable: true, 
    columns: [{ 
      field:"OrderID", 
      filterable: false 
     }, 
     "Freight", 
     { 
      field: "OrderDate", 
      title: "Order Date", 
      width: 120, 
      format: "{0:MM/dd/yyyy}" 
     }, { 
      field: "ShipName", 
      title: "Ship Name", 
      width: 260 
     }, { 
      field: "ShipCity", 
      title: "Ship City", 
      width: 150 
     } 
    ] 
    }); 
}); 

正如你所看到的,我設置分頁設置爲false,滾動到真實的,但同樣,也沒有辦法滾動網格。

這裏是一個plunker:http://plnkr.co/edit/JlMsPa4tey4NBsQbsNp5?p=preview

回答