javascript - kendo ui Grid 虚拟滚动 - 滚动在哪里？

Question

当使用虚拟滚动 kendo-ui 网格时，没有可见的滚动。

我正在使用虚拟滚动方式来显示数据库中的一些记录，但我在我的网格中看不到任何滚动，它只显示前六行。

我不明白我的问题在哪里。

这是我的代码:

  $("#cargoGrid").kendoGrid({
    dataSource: {
        serverPaging: true,
        serverSorting: true,
        pageSize: 20,
        transport: {
            read: {
                url: "/frmPermission/api/readAllCargo",
                type: "POST",
                contentType: "application/json",
                dataType: "json",
            },
            parameterMap: function (options) {
                return JSON.stringify(options);
            }
        },
        schema: {
            data: "data",
            total: "total",
            model: {
                fields: {
                    cargoId: {
                        type: "number"
                    },
                    title: {
                        type: "string"
                    },
                }
            }
        },
    },
    scrollable: {
        virtual: true
    },
    pageable: {
        numeric: false,
        previousNext: false,
        messages: {
            display: "تعداد {2} رکورد نمایش داده شده است",
            empty: "اطلاعاتی برای نمایش وجود ندارد"
        }
    },
    columns: [
        {field: "cargoId", title: "Id", hidden: true},
        {field: "title", title: "نوع بار"},
        {
            filed: "",
            title: "انتخاب",
            template: "<button class='select k-button' onclick=\"clickSelectCargo( #=cargoId# , '#=title#' )\">انتخاب</button>",
            width: "200px"
        }
    ],
    selectable: "single",
    // sortable: true
});

我发现当我使用“sortable: true”并点击标题栏时它起作用了但是在点击之前不显示虚拟滚动

Answer 1

scrollable: {
   endless: true
},