javascript - Kendo UI 网格，无需寻呼机即可滚动

Question

我有一个小网格，只有垂直空间来显示 10 条记录。垂直滚动条应该能够用于导航到前 10 条记录之后。我不想在网格中使用寻呼机。

我无法使其正常工作(网格不可滚动):

$(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，将可滚动设置为 true，但同样，无法滚动网格。

这是一个骗子:http://plnkr.co/edit/JlMsPa4tey4NBsQbsNp5?p=preview

Answer 1

我成功了。我还必须设置高度:

pageable: false,
scrollable: true, 
height: 300,

http://plnkr.co/edit/JlMsPa4tey4NBsQbsNp5?p=preview