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"
}
});