Grid - Virtualization

1Accounting ManagerPatricio SimpsonFrance
2Sales RepresentativePatricio SimpsonArgentina
3Sales ManagerGeorg PippsEngland
4Sales AgentPatricio SimpsonItaly
5Sales ManagerPascale CartrainUSA
6Accounting ManagerJaime YorresItaly
7Sales AgentElizabeth LincolnArgentina
8Sales AgentElizabeth LincolnSpain
9Sales ConsultantPatricio SimpsonSpain
10Marketing ManagerMatti KarttunenUSA
11OwnerJaime YorresGermany
12Marketing ManagerGeorg PippsSpain
13Sales RepresentativeHanna MoosItaly
14Sales AgentPatricio SimpsonGermany
15Sales ManagerPaul HenriotArgentina
16Marketing ManagerHoward SnyderItaly
17Sales RepresentativePaul HenriotBulgaria
18OwnerElizabeth LincolnSpain
19Marketing ManagerJaime YorresGermany
20OwnerPaul HenriotBrazil
21Marketing AssistantAntonio MorenoArgentina
22Marketing AssistantHoward SnyderArgentina
23Accounting ManagerHanna MoosArgentina
24Marketing AssistantJaime YorresBrazil
25Sales AgentPatricio SimpsonArgentina
26Sales AgentJaime YorresAustria
27OwnerAntonio MorenoUSA
28Sales ConsultantHoward SnyderBulgaria
29Sales ManagerAntonio MorenoBulgaria
30OwnerPaul HenriotGermany
31Accounting ManagerGeorg PippsAustria
32OwnerPascale CartrainItaly
33AccountantElizabeth LincolnSpain
34OwnerMatti KarttunenEngland
35Marketing ManagerAntonio MorenoAustria
36OwnerGeorg PippsAustria
37Sales AssociatePaul HenriotArgentina
38Marketing ManagerElizabeth LincolnBrazil
39Sales AssociateElizabeth LincolnUSA
40AccountantElizabeth LincolnGermany
41Sales AssociateJaime YorresGermany
42Marketing ManagerPatricio SimpsonFrance
43Sales AssociateJaime YorresBulgaria
44Marketing ManagerPaul HenriotSpain
45AccountantGeorg PippsItaly
46Sales ManagerGeorg PippsGermany
47OwnerHoward SnyderFrance
48Marketing AssistantAntonio MorenoArgentina
49Marketing AssistantElizabeth LincolnGermany
50Sales AssociateHanna MoosUSA
51AccountantPatricio SimpsonUSA
52Sales AgentAntonio MorenoEngland
53Sales AgentAntonio MorenoUSA
54Sales AgentGeorg PippsBulgaria
55Sales AssociateGeorg PippsArgentina
56Sales AgentHanna MoosBulgaria
57Accounting ManagerElizabeth LincolnUSA
58Accounting ManagerHoward SnyderGermany
59Sales RepresentativePatricio SimpsonItaly
60Marketing AssistantMatti KarttunenUSA
61Sales RepresentativeGeorg PippsBulgaria
62Sales ManagerGeorg PippsSpain
63OwnerAntonio MorenoArgentina
64AccountantPaul HenriotEngland
65Sales AssociateHoward SnyderItaly
66Sales ManagerJaime YorresArgentina
67Sales ConsultantGeorg PippsItaly
68Marketing ManagerPatricio SimpsonGermany
69Sales AgentHanna MoosArgentina
70Sales AssociatePaul HenriotAustria
71Sales AssociateElizabeth LincolnBrazil
72OwnerHanna MoosAustria
73AccountantElizabeth LincolnFrance
74Accounting ManagerElizabeth LincolnSpain
75Accounting ManagerHoward SnyderBulgaria
76Marketing ManagerJaime YorresBulgaria
77Sales AgentPascale CartrainEngland
78Marketing ManagerElizabeth LincolnBulgaria
79OwnerHanna MoosItaly
80OwnerMatti KarttunenBulgaria
81Sales RepresentativePatricio SimpsonGermany
82Marketing AssistantGeorg PippsBulgaria
83Marketing AssistantPaul HenriotBrazil
84AccountantJaime YorresUSA
85AccountantHoward SnyderAustria
86Sales AgentAntonio MorenoArgentina
87OwnerPatricio SimpsonBrazil
88Marketing AssistantHanna MoosAustria
89Sales ConsultantPatricio SimpsonBulgaria
90Marketing AssistantHoward SnyderEngland
91Sales AssociateGeorg PippsUSA
92AccountantJaime YorresUSA
93OwnerPatricio SimpsonGermany
94Marketing AssistantJaime YorresBrazil
95Marketing ManagerElizabeth LincolnBulgaria
96Accounting ManagerAntonio MorenoSpain
97Marketing ManagerPascale CartrainAustria
98Marketing ManagerGeorg PippsEngland
99Marketing AssistantElizabeth LincolnFrance
100Sales AgentElizabeth LincolnBrazil
 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?