New to Kendo UI for jQuery? Download free 30-day trial

Column Virtualization

The Grid provides a built-in option for virtualizing its columns. To enable it, set the scollable.virtual property to "columns". As a result, the columns outside the current visible aria of the Grid will not be rendered and this will improve the rendering performance. When scrolling is performed the visual subset of columns is changed accordingly.

To work properly, the column virtualization requires you to set the columns.width.

To enable virtualized columns:

    $("#grid").kendoGrid({
        scrollable: {
            virtual: "columns"
        }
    });

To enable both virtualized columns and rows:

    $("#grid").kendoGrid({
        scrollable: {
            virtual: "rows, columns"
        }
    });

See Also

In this article