Grid - Virtualization

1Accounting ManagerPascale CartrainUSA
2OwnerPatricio SimpsonArgentina
3Sales ManagerGeorg PippsSpain
4Marketing ManagerHanna MoosFrance
5Accounting ManagerAntonio MorenoBulgaria
6Sales RepresentativeHoward SnyderAustria
7Sales ConsultantHoward SnyderFrance
8Sales ManagerAntonio MorenoBulgaria
9Sales ManagerHanna MoosEngland
10Sales ConsultantElizabeth LincolnAustria
11Accounting ManagerElizabeth LincolnGermany
12Marketing AssistantMatti KarttunenFrance
13Accounting ManagerPaul HenriotEngland
14Sales AgentGeorg PippsItaly
15Sales RepresentativePatricio SimpsonGermany
16Accounting ManagerPascale CartrainAustria
17Accounting ManagerPascale CartrainArgentina
18AccountantMatti KarttunenFrance
19AccountantHanna MoosUSA
20Sales ManagerJaime YorresGermany
21Sales AgentJaime YorresArgentina
22Accounting ManagerJaime YorresItaly
23Accounting ManagerGeorg PippsSpain
24Sales ManagerPaul HenriotArgentina
25Marketing ManagerMatti KarttunenEngland
26AccountantHanna MoosEngland
27Sales ManagerPascale CartrainBulgaria
28Accounting ManagerPascale CartrainBulgaria
29Sales AssociatePatricio SimpsonAustria
30Sales ConsultantPaul HenriotArgentina
31Sales RepresentativeAntonio MorenoArgentina
32Marketing AssistantJaime YorresBrazil
33Sales ManagerHanna MoosSpain
34Sales ManagerAntonio MorenoBulgaria
35OwnerHanna MoosAustria
36Sales AssociateMatti KarttunenItaly
37AccountantPascale CartrainSpain
38Marketing ManagerGeorg PippsBrazil
39Accounting ManagerJaime YorresAustria
40Sales ManagerAntonio MorenoItaly
41Sales ConsultantJaime YorresSpain
42AccountantMatti KarttunenAustria
43AccountantPatricio SimpsonEngland
44Accounting ManagerMatti KarttunenSpain
45Marketing ManagerHoward SnyderItaly
46Sales AgentPascale CartrainBrazil
47Marketing ManagerPaul HenriotArgentina
48Sales AgentElizabeth LincolnBulgaria
49Marketing ManagerPascale CartrainFrance
50Sales RepresentativePascale CartrainGermany
51Marketing ManagerElizabeth LincolnItaly
52AccountantMatti KarttunenBrazil
53Sales ConsultantJaime YorresEngland
54Sales ConsultantAntonio MorenoGermany
55Sales RepresentativeGeorg PippsAustria
56Accounting ManagerPaul HenriotFrance
57Sales ConsultantPaul HenriotBulgaria
58Marketing AssistantMatti KarttunenBrazil
59OwnerPatricio SimpsonAustria
60Sales AgentPaul HenriotBrazil
61AccountantPaul HenriotBulgaria
62Marketing AssistantPascale CartrainFrance
63Sales ConsultantHoward SnyderArgentina
64Sales ManagerPatricio SimpsonEngland
65Sales AssociatePaul HenriotArgentina
66OwnerPatricio SimpsonBrazil
67Sales AssociatePatricio SimpsonSpain
68Marketing ManagerAntonio MorenoBrazil
69Sales RepresentativeJaime YorresArgentina
70Sales ManagerPaul HenriotBrazil
71Accounting ManagerMatti KarttunenArgentina
72Sales AgentGeorg PippsGermany
73OwnerGeorg PippsItaly
74Sales RepresentativeElizabeth LincolnArgentina
75Sales ConsultantAntonio MorenoSpain
76Sales AgentAntonio MorenoFrance
77Marketing AssistantElizabeth LincolnUSA
78OwnerPascale CartrainItaly
79Sales AgentAntonio MorenoGermany
80OwnerPaul HenriotGermany
81OwnerPaul HenriotArgentina
82Sales RepresentativePatricio SimpsonItaly
83Sales AssociateElizabeth LincolnGermany
84OwnerAntonio MorenoBulgaria
85Sales ConsultantHanna MoosUSA
86Sales AssociatePatricio SimpsonEngland
87OwnerElizabeth LincolnUSA
88Marketing ManagerAntonio MorenoEngland
89Marketing ManagerMatti KarttunenGermany
90Marketing AssistantElizabeth LincolnSpain
91AccountantJaime YorresAustria
92OwnerAntonio MorenoEngland
93Marketing AssistantPascale CartrainBrazil
94Sales RepresentativeElizabeth LincolnGermany
95Marketing AssistantHanna MoosGermany
96OwnerGeorg PippsFrance
97Sales ManagerHoward SnyderGermany
98AccountantPascale CartrainBrazil
99AccountantAntonio MorenoEngland
100Sales AssociateElizabeth LincolnBulgaria
 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?