$(function () {

        var rows = 1000000,

            columns = 10;

        var gridSource = window.ds = new shield.DataSource({

            remote: {

                operations: ["skip", "take"],

                read: function (params, success, error) {

                    var skip = gridSource.skip || 0,

                        take = gridSource.take || 20,

                        data = [],

                        i, j;

                    for (i = skip; i < skip + take; i++) {

                        var item = {};

                        for (j = 0; j < columns; j++) {

                            item["col" + j] = "row " + i + " cell " + j;

                        }

                        data.push(item);

                    }

                    success({

                        data: data,

                        total: 1000000

                    });

                }

            },

            schema: {

                data: "data",

                total: "total"

            }

        });

        $("#grid").shieldGrid({

            dataSource: gridSource,

            height: 400,

            scrolling: {

                virtual: true

            },          

            columns: (function () {

                var cols = [];

                for (var i = 0; i < columns; i++) {

                    cols.push({

                        field: "col" + i,

                        width: 140

                    });

                }

                return cols;

            })()

        });

    });

​