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
},