Virtual Scroll is not working with kendo grid

See more:

MVC

Kendo

Hi,

I am working with kendo grid. I want to show more than 40000 records.
Json is not supporting that much data, so i can not use paging.
So i decided to user virtual scroll bar. But it is not working.
Below is the code.
Can any one help me what is wrong.

$(document).ready(function () {
        
        $("#divReports").kendoGrid({
            
            dataSource: {
                type: "json",
                transport: {
                    read: '/Report/GetReportData'
                },
            },
            
            height: 650,
            scrollable: {
                virtual: true
            },            
            groupable: true,
            resizable: true,
            sortable: true,
            serverPaging: true,
            serverSorting: true,
            pageSize: 50,
            batch: false,
            
            columns: [{
                field: "PatientFirstName",
                title: "Patient First Name", width: 100, filterable: false
            }, {
                field: "PatientLastName",
                title: "Patient Last Name", width: 100, filterable: false
            }, {
                field: "Cost",
                title: "Cost", width: 50, filterable: false
            }, {
                field: "PatientPayAmount",
                title: "Patient PayAmount", width: 120, filterable: false
            }]
        });
    });