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

Column virtualization

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • Edit in Theme Builder
  • Change Theme
    default

    Themes & Swatches

    SASS
    LESS
    Launch Theme Builder
    Default Theme
    • Main
    • Main Dark
    • Nordic
    • Ocean Blue
    • Purple
    • Turquoise
    Bootstrap Theme
    • Main
    • Main Dark
    • Nordic
    • Urban
    • Vintage
    Material Theme
    • Main
    • Arctic
    • Lime Dark
    • Main Dark
    • Nova
    Classic Theme
    • Main
    • Main Dark
    • Opal
    • Silver
column_virtualization.cshtml
Column_VirtualizationController.cs

Also available for:

CLIENT-SIDE API SERVER-SIDE API

Description

There are cases when you may need to operate with large amount of columns in the grid, and displaying them at once would impose a performance penalty due to limited browser resources.

Luckily, the ASP.NET MVC Grid has a solution called column virtualization that alleviates any slowdowns when operating with huge volumes of columns. When enabled via the .Scrollable(scrollable => scrollable.Virtual(GridVirtualizationMode.Columns)) configuration option, it displays only a number of all the columns. When scrolling is performed the visual subset of columns is changed accordingly.

The column virtualization can be used with the row virtualization thus increasing the performance substantially

 

Support & Learning Resources