Column Virtualization

Updated on Oct 27, 2026

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 Grid renders only the currently visible columns and improves rendering performance. When users scroll horizontally, the visual subset of columns updates accordingly.

To use column virtualization correctly, set each column width through the Width() method.

To enable virtualized columns:

Razor

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

Razor

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

To enable both virtualized columns and rows:

Razor

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

Razor

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

See Also

• ASP.NET Core DataGrid Homepage

• Column Virtualization by the Grid (Demo)

• Virtual Scrolling of the Telerik UI for ASP.NET Core Grid

• Column Widths

• Grid Knowledge Base Articles

• Grid Server-Side API Reference