Grid - Virtualization

1Sales AgentGeorg PippsBrazil
2Accounting ManagerJaime YorresEngland
3AccountantHanna MoosArgentina
4Marketing ManagerJaime YorresUSA
5Sales AssociatePascale CartrainAustria
6OwnerPascale CartrainBrazil
7Sales RepresentativeJaime YorresItaly
8Sales ManagerMatti KarttunenFrance
9Sales ConsultantPascale CartrainGermany
10OwnerGeorg PippsSpain
11Marketing AssistantHanna MoosSpain
12Accounting ManagerJaime YorresBulgaria
13OwnerPaul HenriotAustria
14Sales RepresentativePascale CartrainUSA
15Sales AssociateJaime YorresGermany
16OwnerHanna MoosFrance
17OwnerMatti KarttunenBrazil
18Sales RepresentativeElizabeth LincolnEngland
19Sales AssociateHoward SnyderUSA
20Sales ManagerGeorg PippsBrazil
21Sales AgentElizabeth LincolnEngland
22Accounting ManagerElizabeth LincolnAustria
23Sales ConsultantPascale CartrainArgentina
24Accounting ManagerElizabeth LincolnArgentina
25Sales ManagerMatti KarttunenBrazil
26Sales AssociatePaul HenriotEngland
27AccountantGeorg PippsGermany
28AccountantMatti KarttunenUSA
29AccountantPascale CartrainBrazil
30Sales ManagerHanna MoosAustria
31AccountantJaime YorresSpain
32Marketing ManagerJaime YorresUSA
33Sales AssociateGeorg PippsGermany
34OwnerGeorg PippsItaly
35Sales AgentElizabeth LincolnBrazil
36Sales ConsultantMatti KarttunenAustria
37AccountantPascale CartrainArgentina
38Sales AgentHanna MoosArgentina
39Sales AssociateAntonio MorenoBrazil
40Sales AssociateGeorg PippsBulgaria
41Marketing AssistantElizabeth LincolnBrazil
42Marketing AssistantAntonio MorenoUSA
43Marketing ManagerPascale CartrainAustria
44Sales ConsultantHoward SnyderUSA
45Accounting ManagerPascale CartrainGermany
46OwnerPascale CartrainArgentina
47Sales ConsultantAntonio MorenoAustria
48Sales AssociateElizabeth LincolnGermany
49Sales AgentAntonio MorenoArgentina
50Sales RepresentativePascale CartrainArgentina
51Sales AssociateHoward SnyderItaly
52Marketing AssistantPaul HenriotGermany
53Marketing ManagerMatti KarttunenGermany
54Sales AssociateMatti KarttunenFrance
55Sales AgentGeorg PippsSpain
56Sales ConsultantAntonio MorenoBulgaria
57Sales AssociateGeorg PippsAustria
58Marketing ManagerGeorg PippsSpain
59OwnerJaime YorresArgentina
60Marketing ManagerGeorg PippsEngland
61Sales AgentHanna MoosItaly
62Sales AgentAntonio MorenoGermany
63Marketing AssistantMatti KarttunenAustria
64Accounting ManagerPaul HenriotArgentina
65Marketing ManagerJaime YorresItaly
66AccountantPascale CartrainAustria
67Marketing ManagerPatricio SimpsonEngland
68Sales ManagerGeorg PippsBulgaria
69Sales RepresentativeAntonio MorenoSpain
70OwnerPascale CartrainBrazil
71Accounting ManagerJaime YorresEngland
72Sales AssociatePatricio SimpsonEngland
73AccountantMatti KarttunenGermany
74Marketing ManagerPaul HenriotBrazil
75Marketing ManagerHoward SnyderBulgaria
76Accounting ManagerPascale CartrainBrazil
77Accounting ManagerElizabeth LincolnGermany
78Sales ManagerHanna MoosUSA
79Sales ManagerPatricio SimpsonFrance
80Marketing ManagerPatricio SimpsonSpain
81Sales ManagerHanna MoosBulgaria
82Sales AgentHanna MoosArgentina
83Marketing AssistantPaul HenriotArgentina
84Sales AssociateGeorg PippsFrance
85Marketing AssistantMatti KarttunenSpain
86Sales AgentMatti KarttunenGermany
87Sales AgentJaime YorresAustria
88Sales AgentGeorg PippsFrance
89Sales AgentPaul HenriotUSA
90Sales RepresentativePascale CartrainBrazil
91Sales ManagerHoward SnyderSpain
92Sales ConsultantJaime YorresFrance
93AccountantHanna MoosUSA
94Marketing AssistantPaul HenriotItaly
95Sales ManagerPatricio SimpsonGermany
96Sales ConsultantAntonio MorenoArgentina
97Sales RepresentativeElizabeth LincolnEngland
98Sales AgentHoward SnyderUSA
99Sales ManagerHoward SnyderSpain
100Accounting ManagerPaul HenriotFrance
 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?