Grid - Virtualization

1Marketing ManagerAntonio MorenoFrance
2Sales AgentGeorg PippsBrazil
3Accounting ManagerElizabeth LincolnFrance
4Sales ConsultantHanna MoosFrance
5Sales AssociateJaime YorresItaly
6Sales AssociateElizabeth LincolnGermany
7Sales AgentHoward SnyderBulgaria
8AccountantJaime YorresArgentina
9OwnerAntonio MorenoGermany
10OwnerMatti KarttunenFrance
11Sales ManagerPatricio SimpsonFrance
12Marketing ManagerJaime YorresBrazil
13Marketing ManagerPaul HenriotAustria
14Sales AgentHanna MoosSpain
15Sales AgentElizabeth LincolnItaly
16Marketing ManagerPatricio SimpsonBulgaria
17Sales ManagerMatti KarttunenEngland
18Sales AssociateMatti KarttunenBulgaria
19Marketing AssistantJaime YorresSpain
20Marketing ManagerPascale CartrainUSA
21OwnerAntonio MorenoGermany
22Sales ConsultantPaul HenriotUSA
23Sales RepresentativeHanna MoosAustria
24AccountantHoward SnyderUSA
25Sales RepresentativeElizabeth LincolnArgentina
26AccountantAntonio MorenoItaly
27Sales AgentElizabeth LincolnArgentina
28OwnerPascale CartrainItaly
29Sales ConsultantHoward SnyderBrazil
30Sales ManagerJaime YorresBrazil
31OwnerPatricio SimpsonFrance
32Sales AssociateJaime YorresUSA
33Marketing ManagerAntonio MorenoArgentina
34Sales AssociatePascale CartrainEngland
35Sales AssociatePatricio SimpsonBulgaria
36Sales RepresentativeElizabeth LincolnUSA
37Sales AssociateGeorg PippsBulgaria
38AccountantPatricio SimpsonAustria
39OwnerHanna MoosBrazil
40Sales AssociateElizabeth LincolnGermany
41Sales AssociateHanna MoosGermany
42AccountantPatricio SimpsonAustria
43Marketing AssistantPaul HenriotBulgaria
44AccountantMatti KarttunenBrazil
45Sales RepresentativePaul HenriotUSA
46Sales AgentPatricio SimpsonSpain
47Accounting ManagerAntonio MorenoBrazil
48Sales ConsultantJaime YorresFrance
49Sales AssociatePascale CartrainAustria
50Sales ManagerAntonio MorenoFrance
51Sales ConsultantAntonio MorenoBulgaria
52Sales ConsultantJaime YorresUSA
53AccountantPascale CartrainGermany
54Marketing AssistantPascale CartrainSpain
55Sales RepresentativeMatti KarttunenGermany
56Sales RepresentativeHoward SnyderGermany
57AccountantElizabeth LincolnFrance
58Accounting ManagerPaul HenriotArgentina
59Sales AssociateJaime YorresArgentina
60OwnerGeorg PippsSpain
61AccountantPatricio SimpsonAustria
62Sales ConsultantAntonio MorenoBrazil
63Sales RepresentativePaul HenriotAustria
64AccountantJaime YorresItaly
65Sales RepresentativeGeorg PippsEngland
66Sales RepresentativeElizabeth LincolnArgentina
67Sales ConsultantPatricio SimpsonItaly
68Sales AssociateJaime YorresBulgaria
69Accounting ManagerPatricio SimpsonGermany
70Accounting ManagerPaul HenriotBrazil
71Sales AssociateGeorg PippsArgentina
72AccountantHanna MoosArgentina
73Sales AssociateHoward SnyderArgentina
74Sales AgentElizabeth LincolnFrance
75Marketing AssistantAntonio MorenoFrance
76Accounting ManagerJaime YorresSpain
77Sales AgentGeorg PippsEngland
78Accounting ManagerElizabeth LincolnAustria
79Sales RepresentativeJaime YorresSpain
80Marketing ManagerHoward SnyderFrance
81AccountantPaul HenriotBrazil
82Sales ConsultantMatti KarttunenBrazil
83Marketing ManagerHanna MoosItaly
84Marketing AssistantPascale CartrainBrazil
85Sales ConsultantPascale CartrainEngland
86Sales RepresentativeHoward SnyderFrance
87Sales AssociatePascale CartrainBrazil
88Sales AgentElizabeth LincolnBrazil
89Marketing AssistantPascale CartrainEngland
90Sales ManagerHoward SnyderArgentina
91Sales AgentPascale CartrainBulgaria
92Accounting ManagerElizabeth LincolnUSA
93Sales AssociateHoward SnyderArgentina
94OwnerJaime YorresSpain
95Sales AssociatePatricio SimpsonBrazil
96Sales AssociateJaime YorresBrazil
97OwnerHoward SnyderGermany
98Sales ConsultantAntonio MorenoUSA
99Marketing AssistantJaime YorresGermany
100Marketing AssistantAntonio MorenoFrance
 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?