Office2010Silver skin

Grid - Virtualization

1Marketing AssistantHanna MoosFrance
2Accounting ManagerHoward SnyderGermany
3AccountantHoward SnyderBulgaria
4Sales ManagerPascale CartrainArgentina
5AccountantPascale CartrainFrance
6Accounting ManagerPatricio SimpsonBrazil
7Sales AssociateHanna MoosUSA
8AccountantMatti KarttunenUSA
9Sales AgentMatti KarttunenAustria
10AccountantMatti KarttunenBulgaria
11Sales AssociateGeorg PippsEngland
12Sales ConsultantGeorg PippsSpain
13Accounting ManagerElizabeth LincolnSpain
14OwnerPatricio SimpsonUSA
15OwnerMatti KarttunenItaly
16OwnerHanna MoosSpain
17Sales AssociatePaul HenriotArgentina
18Sales ConsultantJaime YorresBulgaria
19Sales ManagerPatricio SimpsonAustria
20Sales ConsultantPaul HenriotFrance
21Sales ConsultantPatricio SimpsonGermany
22Marketing AssistantAntonio MorenoFrance
23Sales RepresentativeElizabeth LincolnEngland
24AccountantPaul HenriotFrance
25Sales RepresentativePascale CartrainArgentina
26Sales RepresentativePatricio SimpsonArgentina
27Sales RepresentativePatricio SimpsonUSA
28Marketing ManagerHanna MoosGermany
29Sales AgentElizabeth LincolnBrazil
30Marketing AssistantPatricio SimpsonGermany
31Sales RepresentativeGeorg PippsAustria
32Sales RepresentativeHanna MoosBulgaria
33Marketing AssistantElizabeth LincolnEngland
34Marketing ManagerHoward SnyderFrance
35Marketing AssistantMatti KarttunenArgentina
36Sales ManagerJaime YorresGermany
37Accounting ManagerAntonio MorenoBulgaria
38Sales ConsultantHanna MoosFrance
39Sales ConsultantMatti KarttunenGermany
40OwnerPascale CartrainBrazil
41Accounting ManagerHanna MoosGermany
42Marketing AssistantPascale CartrainBrazil
43AccountantJaime YorresItaly
44Sales ManagerPatricio SimpsonItaly
45Sales ManagerPaul HenriotBulgaria
46Accounting ManagerPatricio SimpsonAustria
47Sales ConsultantPaul HenriotItaly
48Sales ManagerAntonio MorenoBulgaria
49Sales RepresentativePatricio SimpsonArgentina
50Sales AgentHanna MoosEngland
51AccountantHanna MoosSpain
52Marketing ManagerElizabeth LincolnItaly
53OwnerHanna MoosArgentina
54Sales RepresentativeGeorg PippsArgentina
55Sales ManagerPatricio SimpsonFrance
56Sales AssociateJaime YorresFrance
57Sales AssociateJaime YorresGermany
58Sales AgentJaime YorresBrazil
59Accounting ManagerPaul HenriotArgentina
60AccountantPaul HenriotBulgaria
61Sales AgentMatti KarttunenBrazil
62OwnerHoward SnyderEngland
63Accounting ManagerHanna MoosBulgaria
64Sales RepresentativeGeorg PippsItaly
65Sales AgentMatti KarttunenBulgaria
66AccountantHanna MoosSpain
67Sales AgentPaul HenriotGermany
68Marketing AssistantGeorg PippsArgentina
69OwnerElizabeth LincolnFrance
70Marketing ManagerMatti KarttunenGermany
71Sales AssociateMatti KarttunenFrance
72Sales AssociatePaul HenriotEngland
73Sales ConsultantPatricio SimpsonGermany
74OwnerAntonio MorenoBulgaria
75AccountantJaime YorresBrazil
76Marketing ManagerPascale CartrainBulgaria
77Sales ManagerHoward SnyderEngland
78OwnerJaime YorresAustria
79Accounting ManagerPatricio SimpsonFrance
80Sales ConsultantElizabeth LincolnUSA
81Marketing ManagerElizabeth LincolnUSA
82Marketing ManagerMatti KarttunenFrance
83Sales ConsultantPaul HenriotBulgaria
84Accounting ManagerMatti KarttunenSpain
85Sales AgentPaul HenriotUSA
86Sales AssociateAntonio MorenoSpain
87Sales RepresentativeHanna MoosGermany
88Sales AssociatePaul HenriotFrance
89Sales AgentAntonio MorenoUSA
90Sales RepresentativeHanna MoosSpain
91OwnerPaul HenriotSpain
92Marketing ManagerAntonio MorenoBulgaria
93OwnerPascale CartrainAustria
94AccountantMatti KarttunenArgentina
95Sales AssociateAntonio MorenoBrazil
96Marketing AssistantJaime YorresFrance
97Sales AgentAntonio MorenoAustria
98AccountantPascale CartrainGermany
99Accounting ManagerAntonio MorenoItaly
100Marketing AssistantPaul HenriotSpain
 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?