virtual

Controls the virtual scrolling mechanism by which the grid takes only parts of the data and show it into the predefined number of records.It is controlled by the scrolling.virtual property which by defautl is false. By enabling it the gird will load the data from the remote data source as you scroll it down.

$(document).ready(function () {
    $("#grid").shieldGrid({
        dataSource: gridData,
        height: 400,
        scrolling: {
            virtual: true
        },
        columns: [                
            { field: "id", width: "70px", title: "ID" },
            { field: "name", title: "Person Name"},
            { field: "company", title: "Company Name"},
            { field: "email", title:"Email Address", width: "270px"}
        ]
    });
});      

Live demo of virtual scrolling functionality you can find here: Virtual Scrolling