# Virtual Scrolling

Develop powerful and lightweight web applications using ASP.NET MVC controls. Learn more about the ComponentOne MVC controls in ASP.NET MVC documentation.

## Content



FlexGrid provides support for virtual scrolling while working with voluminous data. You can easily bind the FlexGrid with large data sets using models or other data sources, and experience a smooth scrolling without any flicker or delay. To make a grid work in virtual scrolling mode, the **DisableServerRead** property should be set to false(default). The value of **InitialItemsCount** property should be set to a number greater than 0.

The following image shows how the FlexGrid appears on binding it to large data set. The example uses Sale.cs model added in the [QuickStart](/componentone/docs/mvc/online-mvc/workwithcontrols/FlexGrid/FlexGridQuickStart) section.

![](https://cdn.mescius.io/document-site-files/images/2b3ac322-100e-4637-958d-fb40dcda3f44/images/flexgridvs.png)

The following code examples demonstrate how to enable Virtual Scrolling in the FlexGrid:

#### In Code

**VirtualScrollingController.cs**

```csharp
public ActionResult VirtualScrolling()
{
    return View(Sales.GetData(1000));
}
```

**VirtualScrolling.cshtml**

```razor
@using MVCFlexGrid.Models
@(Html.C1().FlexGrid<Sale>()
    .Bind(bl => bl.InitialItemsCount(100).Bind(Model))
    .Width(1000)
    .Height(500)
    .CssClass("grid")
)
```

## See Also

[Quick Start](/componentone/docs/mvc/online-mvc/workwithcontrols/FlexGrid/FlexGridQuickStart)

**Reference**

[FlexGridBase\<T> Class](/componentone/api/mvc/online-mvc/dotnet-framework-api/C1.Web.Mvc/C1.Web.Mvc.FlexGridBase-1.html)