New to Telerik UI for ASP.NET Core? Download free 30-day trial

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))
    )
    <kendo-grid name="grid" height="550">
        <scrollable virtual=@("columns")/>
    </kendo-grid>

To enable both virtualized columns and rows:

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

    <kendo-grid name="grid" height="550">
        <scrollable virtual=@("rows, columns")/>
    </kendo-grid>

See Also

In this article