FlexGrid
Virtual Scrolling
This sample shows how to make grid work in virtual scrolling mode.
Features
ID
Start
End
Country
Product
Color
Amount
Amount2
Discount
Active
Url
1
1/25/2025
1/25/2025
German
Gadget
Green
581.61
1,030.17
0.14
https://en.wikipedia.org/wiki/Tourism_in_German
2
2/25/2025
2/25/2025
Italy
Gadget
Green
-4,673.75
3,499.71
0.13
https://en.wikipedia.org/wiki/Tourism_in_Italy
ID
Start
End
Country
Product
Color
Amount
Amount2
Discount
Active
Url
0
Description
This sample shows how to make grid work in virtual scrolling mode. To enable this functionality, the DisableServerRead property should be false(default). Then the InitialItemsCount property should be set a number which is greater than 0.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | using MvcExplorer.Models;using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.Mvc;namespace MvcExplorer.Controllers{ public partial class FlexGridController : Controller { // // GET: /VirtualScrolling/ public ActionResult VirtualScrolling() { return View(Sale.GetData(100000)); } }} |
1 2 3 4 5 6 7 8 9 10 11 | @model IEnumerable<Sale>@(Html.C1().FlexGrid<Sale>() .Bind(bl => bl.InitialItemsCount(100).Bind(Model)) .IsReadOnly(true) .CssClass("grid"))@section Description{ @Html.Raw(Resources.FlexGrid.VirtualScrolling_Text0)} |