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>