Metro skin

Grid - Virtualization

1AccountantPatricio SimpsonUSA
2Marketing ManagerPascale CartrainItaly
3Sales RepresentativeMatti KarttunenUSA
4Marketing ManagerElizabeth LincolnFrance
5Marketing AssistantHoward SnyderBrazil
6Marketing AssistantElizabeth LincolnAustria
7Sales RepresentativePaul HenriotAustria
8Sales RepresentativeGeorg PippsUSA
9Marketing ManagerPatricio SimpsonSpain
10AccountantAntonio MorenoUSA
11Accounting ManagerElizabeth LincolnBrazil
12Accounting ManagerGeorg PippsFrance
13Sales ManagerPaul HenriotFrance
14Sales ManagerElizabeth LincolnFrance
15OwnerAntonio MorenoFrance
16Sales AssociateGeorg PippsFrance
17Sales AgentPascale CartrainArgentina
18Marketing AssistantPascale CartrainArgentina
19Marketing ManagerHanna MoosArgentina
20Marketing ManagerPaul HenriotUSA
21OwnerPascale CartrainItaly
22Sales AgentPatricio SimpsonArgentina
23Sales AssociatePaul HenriotGermany
24Accounting ManagerElizabeth LincolnFrance
25Sales ConsultantHanna MoosFrance
26Sales ConsultantAntonio MorenoUSA
27Sales AssociateAntonio MorenoUSA
28Sales ConsultantMatti KarttunenItaly
29Marketing ManagerHanna MoosAustria
30Sales ConsultantPatricio SimpsonBulgaria
31Sales AgentMatti KarttunenGermany
32Marketing ManagerPaul HenriotArgentina
33Marketing AssistantElizabeth LincolnAustria
34Sales ManagerPascale CartrainEngland
35AccountantJaime YorresUSA
36AccountantHoward SnyderBulgaria
37Sales ConsultantPaul HenriotArgentina
38Sales ManagerMatti KarttunenUSA
39Sales RepresentativeMatti KarttunenUSA
40Marketing ManagerJaime YorresBrazil
41AccountantPascale CartrainFrance
42OwnerPascale CartrainItaly
43Sales ManagerHoward SnyderFrance
44AccountantMatti KarttunenBrazil
45Accounting ManagerMatti KarttunenSpain
46OwnerGeorg PippsItaly
47Sales AssociateElizabeth LincolnUSA
48Sales RepresentativeAntonio MorenoSpain
49Sales ManagerPascale CartrainArgentina
50Sales RepresentativeJaime YorresSpain
51Sales RepresentativeMatti KarttunenFrance
52Marketing AssistantPaul HenriotItaly
53Accounting ManagerGeorg PippsBulgaria
54Sales RepresentativeHanna MoosAustria
55Accounting ManagerElizabeth LincolnAustria
56Sales ManagerJaime YorresArgentina
57Sales ConsultantPaul HenriotFrance
58Sales RepresentativeJaime YorresFrance
59Sales ConsultantPaul HenriotBulgaria
60AccountantAntonio MorenoBulgaria
61OwnerAntonio MorenoBulgaria
62Sales ManagerPaul HenriotGermany
63AccountantJaime YorresArgentina
64Sales AssociatePascale CartrainItaly
65OwnerPaul HenriotItaly
66Sales AgentHoward SnyderBulgaria
67Sales ConsultantHanna MoosSpain
68OwnerAntonio MorenoGermany
69Accounting ManagerAntonio MorenoSpain
70Accounting ManagerPascale CartrainArgentina
71Sales AgentPaul HenriotArgentina
72Sales AssociatePatricio SimpsonFrance
73Sales RepresentativePascale CartrainEngland
74Sales AssociateJaime YorresSpain
75AccountantHoward SnyderEngland
76Sales ConsultantPaul HenriotFrance
77Sales AssociateJaime YorresFrance
78AccountantPascale CartrainEngland
79AccountantElizabeth LincolnBulgaria
80Sales ConsultantMatti KarttunenEngland
81Accounting ManagerHoward SnyderBrazil
82Sales ConsultantPascale CartrainEngland
83Sales ConsultantPascale CartrainItaly
84Accounting ManagerJaime YorresGermany
85Sales AgentHanna MoosBrazil
86Sales AgentElizabeth LincolnBrazil
87Marketing AssistantElizabeth LincolnSpain
88AccountantPaul HenriotBulgaria
89AccountantPaul HenriotBrazil
90Sales RepresentativeJaime YorresUSA
91Sales RepresentativeHanna MoosGermany
92OwnerPatricio SimpsonAustria
93Sales ManagerGeorg PippsEngland
94Sales ManagerMatti KarttunenEngland
95Sales AssociatePatricio SimpsonItaly
96Sales ConsultantPaul HenriotItaly
97Sales RepresentativeMatti KarttunenUSA
98Sales ManagerHanna MoosEngland
99AccountantHanna MoosAustria
100Marketing AssistantGeorg PippsSpain
 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?