Grid - Virtualization

1Sales AgentMatti KarttunenItaly
2Sales RepresentativeElizabeth LincolnBulgaria
3Sales ManagerHanna MoosItaly
4Accounting ManagerAntonio MorenoBrazil
5Accounting ManagerPascale CartrainEngland
6Accounting ManagerJaime YorresEngland
7Marketing AssistantPatricio SimpsonAustria
8Sales AgentJaime YorresGermany
9Marketing ManagerGeorg PippsGermany
10Marketing AssistantPaul HenriotFrance
11Accounting ManagerJaime YorresUSA
12Sales RepresentativeGeorg PippsEngland
13Marketing ManagerPascale CartrainBulgaria
14Sales AssociatePaul HenriotSpain
15Sales RepresentativeGeorg PippsBrazil
16Marketing ManagerPatricio SimpsonEngland
17Sales AgentHanna MoosArgentina
18Accounting ManagerGeorg PippsArgentina
19Marketing ManagerHoward SnyderGermany
20AccountantJaime YorresAustria
21Sales AgentPascale CartrainEngland
22Accounting ManagerGeorg PippsItaly
23Sales AssociateGeorg PippsGermany
24Marketing AssistantAntonio MorenoItaly
25Marketing AssistantElizabeth LincolnAustria
26OwnerJaime YorresFrance
27Sales RepresentativeMatti KarttunenBulgaria
28Sales AssociatePaul HenriotBulgaria
29AccountantAntonio MorenoEngland
30Sales RepresentativeAntonio MorenoGermany
31Sales RepresentativePatricio SimpsonSpain
32Sales AssociateJaime YorresUSA
33Sales ManagerPatricio SimpsonFrance
34Sales AgentHanna MoosSpain
35Sales ConsultantAntonio MorenoAustria
36Accounting ManagerJaime YorresSpain
37AccountantPatricio SimpsonEngland
38Sales AgentAntonio MorenoSpain
39OwnerHanna MoosEngland
40Sales ManagerMatti KarttunenGermany
41Sales RepresentativeElizabeth LincolnEngland
42Sales RepresentativePaul HenriotGermany
43Marketing AssistantHoward SnyderSpain
44OwnerPatricio SimpsonGermany
45Sales AssociateHoward SnyderEngland
46Sales AgentElizabeth LincolnBrazil
47Marketing AssistantJaime YorresGermany
48AccountantPascale CartrainSpain
49Sales AssociatePatricio SimpsonArgentina
50Sales RepresentativeMatti KarttunenFrance
51Sales AgentHoward SnyderSpain
52Accounting ManagerElizabeth LincolnBulgaria
53Sales ConsultantHanna MoosBulgaria
54Accounting ManagerPatricio SimpsonBrazil
55Marketing ManagerJaime YorresAustria
56Sales AgentHanna MoosAustria
57Sales ManagerElizabeth LincolnAustria
58Sales ManagerHoward SnyderItaly
59Sales ConsultantMatti KarttunenFrance
60Sales AssociateJaime YorresBulgaria
61Sales AgentPatricio SimpsonFrance
62OwnerAntonio MorenoItaly
63Marketing AssistantAntonio MorenoEngland
64Sales RepresentativeJaime YorresEngland
65Sales AssociatePaul HenriotArgentina
66Sales AssociatePatricio SimpsonFrance
67Sales ManagerPatricio SimpsonBrazil
68Accounting ManagerElizabeth LincolnEngland
69Marketing AssistantMatti KarttunenItaly
70Sales AgentElizabeth LincolnEngland
71Sales ManagerAntonio MorenoArgentina
72Sales RepresentativeJaime YorresBrazil
73Accounting ManagerPascale CartrainSpain
74OwnerHoward SnyderSpain
75Sales RepresentativePatricio SimpsonEngland
76AccountantGeorg PippsItaly
77Sales ConsultantGeorg PippsBulgaria
78OwnerHoward SnyderUSA
79Sales RepresentativeAntonio MorenoSpain
80AccountantJaime YorresBrazil
81Sales AssociatePascale CartrainSpain
82Sales RepresentativePatricio SimpsonBrazil
83Sales AssociatePascale CartrainSpain
84Accounting ManagerPascale CartrainEngland
85OwnerMatti KarttunenArgentina
86AccountantAntonio MorenoGermany
87Sales AgentPatricio SimpsonBulgaria
88OwnerHoward SnyderBrazil
89Sales AssociatePatricio SimpsonBulgaria
90OwnerPaul HenriotBulgaria
91Sales AgentHanna MoosGermany
92Sales ManagerAntonio MorenoBrazil
93Sales AssociateHanna MoosAustria
94Sales AgentGeorg PippsEngland
95OwnerGeorg PippsUSA
96AccountantPascale CartrainSpain
97Sales RepresentativeElizabeth LincolnUSA
98Sales RepresentativeAntonio MorenoEngland
99Marketing AssistantJaime YorresGermany
100Sales AssociateJaime YorresEngland
 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?