Grid - Virtualization

1Sales AgentPatricio SimpsonArgentina
2Accounting ManagerHanna MoosUSA
3OwnerMatti KarttunenGermany
4Sales RepresentativeJaime YorresFrance
5OwnerPascale CartrainSpain
6Sales RepresentativeAntonio MorenoGermany
7OwnerHanna MoosUSA
8Marketing AssistantPascale CartrainArgentina
9Sales ConsultantMatti KarttunenFrance
10Marketing ManagerPatricio SimpsonItaly
11Sales AssociatePatricio SimpsonArgentina
12Sales RepresentativeMatti KarttunenGermany
13Sales AgentPascale CartrainItaly
14Sales ConsultantPascale CartrainBulgaria
15OwnerAntonio MorenoBulgaria
16Sales AssociatePaul HenriotSpain
17Marketing ManagerElizabeth LincolnSpain
18Sales ConsultantJaime YorresEngland
19Sales ManagerPascale CartrainItaly
20Sales ConsultantHoward SnyderBrazil
21Sales ConsultantJaime YorresBrazil
22Sales AssociatePatricio SimpsonAustria
23OwnerGeorg PippsGermany
24Sales RepresentativeHanna MoosGermany
25Sales RepresentativeHoward SnyderEngland
26Sales ManagerMatti KarttunenSpain
27Sales RepresentativeGeorg PippsUSA
28AccountantPatricio SimpsonEngland
29Sales ManagerMatti KarttunenUSA
30AccountantMatti KarttunenFrance
31Sales AgentJaime YorresUSA
32Sales AgentPaul HenriotSpain
33AccountantHanna MoosSpain
34OwnerPatricio SimpsonItaly
35Sales RepresentativeHoward SnyderFrance
36Accounting ManagerPascale CartrainArgentina
37Sales RepresentativeAntonio MorenoItaly
38Marketing AssistantPatricio SimpsonArgentina
39Marketing ManagerMatti KarttunenArgentina
40Sales AgentAntonio MorenoBrazil
41OwnerAntonio MorenoEngland
42Marketing ManagerPascale CartrainAustria
43Accounting ManagerJaime YorresArgentina
44OwnerMatti KarttunenArgentina
45Marketing AssistantHoward SnyderItaly
46Accounting ManagerPatricio SimpsonGermany
47Marketing ManagerPaul HenriotSpain
48AccountantAntonio MorenoBrazil
49Accounting ManagerAntonio MorenoBrazil
50Sales RepresentativePascale CartrainSpain
51Sales AgentJaime YorresItaly
52Marketing AssistantHanna MoosArgentina
53Accounting ManagerJaime YorresEngland
54Marketing AssistantGeorg PippsBrazil
55Sales AgentMatti KarttunenBulgaria
56Sales AssociateHanna MoosUSA
57Sales ManagerPaul HenriotFrance
58Sales AgentJaime YorresArgentina
59Marketing ManagerElizabeth LincolnFrance
60Sales RepresentativePascale CartrainBrazil
61Sales ManagerHanna MoosItaly
62Sales AgentJaime YorresGermany
63AccountantElizabeth LincolnFrance
64Sales RepresentativeAntonio MorenoGermany
65Marketing ManagerPascale CartrainBrazil
66Sales ManagerJaime YorresItaly
67Sales AgentAntonio MorenoGermany
68Sales AssociatePatricio SimpsonGermany
69Marketing ManagerAntonio MorenoBrazil
70OwnerPaul HenriotEngland
71Accounting ManagerPatricio SimpsonBrazil
72Sales RepresentativePascale CartrainSpain
73Accounting ManagerGeorg PippsFrance
74Sales RepresentativeAntonio MorenoBrazil
75Sales AgentGeorg PippsGermany
76Marketing AssistantHoward SnyderBulgaria
77AccountantAntonio MorenoEngland
78AccountantGeorg PippsBrazil
79Sales AgentJaime YorresItaly
80Sales ManagerGeorg PippsUSA
81Marketing ManagerGeorg PippsBulgaria
82Marketing AssistantMatti KarttunenBrazil
83Sales AssociatePatricio SimpsonBulgaria
84AccountantAntonio MorenoSpain
85Sales ConsultantPaul HenriotEngland
86AccountantAntonio MorenoFrance
87OwnerGeorg PippsGermany
88Sales RepresentativeMatti KarttunenEngland
89Marketing AssistantElizabeth LincolnArgentina
90Sales ManagerPatricio SimpsonEngland
91Accounting ManagerJaime YorresGermany
92Sales AssociateHanna MoosUSA
93Marketing ManagerJaime YorresBulgaria
94Sales RepresentativeHanna MoosBrazil
95Sales RepresentativePaul HenriotSpain
96Marketing AssistantHanna MoosBulgaria
97Sales AssociatePaul HenriotSpain
98Sales AssociateElizabeth LincolnAustria
99Sales RepresentativeHoward SnyderEngland
100Sales ConsultantPaul HenriotBulgaria
 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?