Column Virtualization

The Grid provides a built-in option for virtualizing its columns. To enable it, set Scrollable(scrollable => scrollable.Virtual(GridVirtualizationMode.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 with their Width() method.

To enable virtualized columns:

    @(Html.Kendo().Grid<OrderViewModel>()
        .Name("grid")
        .Scrollable(s=>s.Virtual(GridVirtualizationMode.Columns))
    )

To enable both virtualized columns and rows:

    @(Html.Kendo().Grid<OrderViewModel>()
        .Name("grid")
        .Scrollable(s=>s.Virtual(GridVirtualizationMode.RowsAndColumns))
    )

See Also

In this article
Not finding the help you need? Improve this article