Grid - Virtualization

1AccountantHoward SnyderAustria
2Sales ManagerPaul HenriotEngland
3OwnerJaime YorresBrazil
4Sales RepresentativePatricio SimpsonFrance
5OwnerPatricio SimpsonItaly
6Sales ConsultantHanna MoosSpain
7OwnerMatti KarttunenFrance
8OwnerPatricio SimpsonGermany
9Sales ManagerGeorg PippsFrance
10Marketing AssistantHanna MoosBrazil
11Sales ConsultantHoward SnyderFrance
12Sales ManagerHanna MoosItaly
13Sales ConsultantMatti KarttunenUSA
14Marketing AssistantHanna MoosGermany
15AccountantGeorg PippsBulgaria
16Marketing ManagerHanna MoosUSA
17Sales AgentPatricio SimpsonUSA
18Marketing AssistantPascale CartrainBulgaria
19Sales ConsultantPaul HenriotEngland
20Accounting ManagerPatricio SimpsonEngland
21Sales ManagerPatricio SimpsonEngland
22OwnerPaul HenriotUSA
23Sales ConsultantPaul HenriotSpain
24Accounting ManagerPatricio SimpsonFrance
25Sales AssociatePascale CartrainAustria
26Sales RepresentativeMatti KarttunenUSA
27Marketing AssistantMatti KarttunenArgentina
28OwnerGeorg PippsItaly
29Sales RepresentativePaul HenriotSpain
30OwnerPascale CartrainArgentina
31Sales ConsultantAntonio MorenoItaly
32Sales ManagerGeorg PippsAustria
33Accounting ManagerPatricio SimpsonFrance
34Sales AgentPascale CartrainAustria
35Sales AgentGeorg PippsEngland
36Sales ManagerPaul HenriotFrance
37Marketing AssistantPaul HenriotGermany
38OwnerJaime YorresFrance
39Sales AssociatePatricio SimpsonFrance
40Sales RepresentativePatricio SimpsonBrazil
41Marketing ManagerAntonio MorenoItaly
42OwnerHanna MoosArgentina
43OwnerHoward SnyderSpain
44Sales RepresentativeHoward SnyderItaly
45Accounting ManagerPatricio SimpsonUSA
46Sales AgentPascale CartrainAustria
47Marketing AssistantPatricio SimpsonFrance
48Sales ManagerAntonio MorenoSpain
49Sales AgentMatti KarttunenItaly
50OwnerAntonio MorenoEngland
51AccountantPaul HenriotFrance
52Accounting ManagerHoward SnyderSpain
53Sales ConsultantHanna MoosGermany
54Sales AssociateGeorg PippsItaly
55Sales RepresentativeGeorg PippsSpain
56Sales ManagerAntonio MorenoItaly
57OwnerPascale CartrainBulgaria
58Marketing ManagerGeorg PippsSpain
59Sales ConsultantPascale CartrainFrance
60Sales ConsultantJaime YorresGermany
61Sales ConsultantAntonio MorenoAustria
62Sales ConsultantPaul HenriotGermany
63Sales ManagerHanna MoosEngland
64Sales ManagerMatti KarttunenArgentina
65OwnerAntonio MorenoGermany
66Sales AgentElizabeth LincolnUSA
67Accounting ManagerPatricio SimpsonGermany
68Marketing AssistantHanna MoosAustria
69Sales ManagerHanna MoosItaly
70Marketing ManagerGeorg PippsGermany
71AccountantHoward SnyderSpain
72Accounting ManagerPascale CartrainBrazil
73AccountantGeorg PippsBrazil
74Marketing ManagerElizabeth LincolnAustria
75Sales AgentMatti KarttunenUSA
76Accounting ManagerHanna MoosArgentina
77Accounting ManagerJaime YorresSpain
78Marketing ManagerHanna MoosBrazil
79AccountantPascale CartrainBulgaria
80OwnerGeorg PippsBrazil
81OwnerHoward SnyderFrance
82Sales ManagerAntonio MorenoBulgaria
83Accounting ManagerGeorg PippsFrance
84Marketing ManagerPatricio SimpsonBulgaria
85Sales ConsultantHoward SnyderBulgaria
86Marketing ManagerGeorg PippsItaly
87Sales ManagerElizabeth LincolnAustria
88OwnerAntonio MorenoItaly
89Sales ManagerAntonio MorenoFrance
90Marketing AssistantMatti KarttunenGermany
91AccountantPascale CartrainSpain
92Sales RepresentativeGeorg PippsFrance
93AccountantElizabeth LincolnEngland
94Sales RepresentativeJaime YorresUSA
95OwnerJaime YorresAustria
96AccountantAntonio MorenoBrazil
97AccountantHanna MoosEngland
98Sales AgentAntonio MorenoArgentina
99OwnerAntonio MorenoAustria
100Sales RepresentativeHanna MoosEngland
 Item 1 to 1000 of 300000
Page:
of 300 Page size:
  • Sort Ascending
  • Sort Descending
  • Clear Sorting
  • Columns
Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB
RadGrid's virtualization feature allows you to handle hundreds of thousands of rows without negatively impacting the user experience. The control achieves this thanks to its ItemsPerView property allowing you to control the number of items loaded at a time. Users can now scroll, as well as show, hide, resize and reorder columns without any waiting time.

This demo shows how quickly Telerik's ASP.NET DataGrid can handle user interactions with 300,000 items. You can configure the component to allow scrolling through the entire data set or only through the current page by using EnableCurrentPageScrollOnly property,.
  • DefaultCS.aspx
  • DefaultCS.aspx.cs
  • styles.css
<%@ Page Language="c#" CodeFile="DefaultCS.aspx.cs" Inherits="Telerik.GridExamplesCSharp.Performance.Virtualization.DefaultCS" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
    <link href="styles.css" rel="stylesheet" />
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1"></telerik:RadAjaxLoadingPanel>
    <telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel" LoadingPanelID="RadAjaxLoadingPanel1" CssClass="demo-container">
        <telerik:RadGrid RenderMode="Lightweight" ID="RadGrid1" runat="server"  AutoGenerateColumns="false"
            AllowSorting="true" GroupingEnabled="false"
            EnableHeaderContextMenu="true" AllowPaging="true" PageSize="1000" OnNeedDataSource="RadGrid1_NeedDataSource">
            <MasterTableView TableLayout="Fixed">
                <Columns>
                    <telerik:GridBoundColumn UniqueName="ID" HeaderText="ID" HeaderStyle-Width="50px" DataField="ID"></telerik:GridBoundColumn>
                    <telerik:GridBoundColumn UniqueName="ContactTitle" HeaderText="Contact Title" HeaderStyle-Width="150px" DataField="ContactTitle"></telerik:GridBoundColumn>
                    <telerik:GridBoundColumn UniqueName="ContactName" HeaderText="Contact Name" HeaderStyle-Width="150" DataField="ContactName"></telerik:GridBoundColumn>
                    <telerik:GridBoundColumn UniqueName="Country" HeaderText="Country" HeaderStyle-Width="100px" DataField="Country"></telerik:GridBoundColumn>
                    <telerik:GridRatingColumn UniqueName="Rating" HeaderText="Rating" HeaderStyle-Width="100px" DataField="Rating"></telerik:GridRatingColumn>
                </Columns>
            </MasterTableView>
            <ClientSettings ReorderColumnsOnClient="true" AllowColumnsReorder="true" ColumnsReorderMethod="Reorder">
                <Virtualization EnableVirtualization="true" InitiallyCachedItemsCount="2000"
                    LoadingPanelID="RadAjaxLoadingPanel1" ItemsPerView="100"/>
                <Scrolling AllowScroll="true" UseStaticHeaders="true" ScrollHeight="500px" />
                <Resizing AllowColumnResize="true" />
            </ClientSettings>
            <PagerStyle Mode="NextPrevNumericAndAdvanced"></PagerStyle>
        </telerik:RadGrid>
    </telerik:RadAjaxPanel>
    </form>
</body>
</html>

Find Assistance

Help Us Improve

Was this example helpful?