Grid - Virtualization

1AccountantMatti KarttunenEngland
2Sales AssociateHoward SnyderItaly
3Sales RepresentativeHoward SnyderFrance
4Sales ConsultantHoward SnyderBrazil
5AccountantPatricio SimpsonItaly
6Marketing AssistantJaime YorresGermany
7OwnerPatricio SimpsonSpain
8Accounting ManagerJaime YorresUSA
9Accounting ManagerPaul HenriotArgentina
10Accounting ManagerHoward SnyderBrazil
11Marketing AssistantAntonio MorenoItaly
12Sales AssociateAntonio MorenoEngland
13Sales ManagerJaime YorresBrazil
14Marketing ManagerElizabeth LincolnSpain
15AccountantElizabeth LincolnFrance
16AccountantGeorg PippsFrance
17OwnerHanna MoosBulgaria
18OwnerHoward SnyderEngland
19AccountantHoward SnyderArgentina
20Sales ConsultantAntonio MorenoSpain
21Marketing AssistantPaul HenriotFrance
22Sales RepresentativeElizabeth LincolnEngland
23Sales ManagerHanna MoosFrance
24Sales ConsultantMatti KarttunenGermany
25Sales ConsultantAntonio MorenoBulgaria
26Marketing AssistantPascale CartrainBrazil
27Sales AgentAntonio MorenoFrance
28Sales AgentAntonio MorenoItaly
29Sales AgentGeorg PippsBulgaria
30Sales RepresentativeAntonio MorenoEngland
31Sales ManagerGeorg PippsFrance
32Sales RepresentativeElizabeth LincolnEngland
33Sales AgentPatricio SimpsonBulgaria
34AccountantJaime YorresArgentina
35Marketing AssistantHoward SnyderFrance
36Sales RepresentativeGeorg PippsBrazil
37Accounting ManagerJaime YorresSpain
38Sales ManagerHoward SnyderAustria
39Marketing ManagerPatricio SimpsonAustria
40Sales AssociatePaul HenriotFrance
41Marketing AssistantHanna MoosAustria
42Sales ManagerHanna MoosEngland
43Marketing AssistantJaime YorresSpain
44Marketing ManagerAntonio MorenoEngland
45Marketing ManagerPascale CartrainArgentina
46Sales RepresentativeHoward SnyderBrazil
47AccountantPatricio SimpsonItaly
48Sales ManagerGeorg PippsItaly
49Marketing AssistantHoward SnyderAustria
50Accounting ManagerPaul HenriotAustria
51Marketing AssistantAntonio MorenoUSA
52AccountantHoward SnyderSpain
53Sales RepresentativePascale CartrainGermany
54Accounting ManagerPaul HenriotItaly
55OwnerMatti KarttunenAustria
56Marketing AssistantPascale CartrainBulgaria
57Sales AgentElizabeth LincolnItaly
58Sales ManagerAntonio MorenoAustria
59Sales AgentMatti KarttunenUSA
60Marketing ManagerJaime YorresArgentina
61AccountantElizabeth LincolnFrance
62Accounting ManagerGeorg PippsUSA
63Marketing ManagerPatricio SimpsonItaly
64Marketing AssistantJaime YorresFrance
65Sales AgentJaime YorresAustria
66Marketing AssistantPaul HenriotEngland
67Sales ConsultantPatricio SimpsonFrance
68Marketing AssistantMatti KarttunenEngland
69Sales ConsultantMatti KarttunenEngland
70OwnerAntonio MorenoUSA
71Sales ManagerMatti KarttunenUSA
72Sales AgentPatricio SimpsonEngland
73Sales AgentHoward SnyderBulgaria
74Sales ConsultantPaul HenriotUSA
75Sales ConsultantPaul HenriotBrazil
76Sales ManagerPatricio SimpsonEngland
77Marketing ManagerPaul HenriotBrazil
78Sales AgentHanna MoosArgentina
79Sales AssociatePascale CartrainGermany
80Marketing AssistantHoward SnyderBrazil
81OwnerElizabeth LincolnGermany
82Marketing AssistantPaul HenriotArgentina
83Sales ManagerJaime YorresEngland
84Sales ManagerPascale CartrainFrance
85AccountantPascale CartrainBulgaria
86OwnerMatti KarttunenBrazil
87Marketing ManagerPaul HenriotUSA
88Sales RepresentativeJaime YorresBrazil
89Sales AgentPaul HenriotFrance
90Sales RepresentativePatricio SimpsonFrance
91Sales AssociateElizabeth LincolnEngland
92AccountantElizabeth LincolnSpain
93Sales RepresentativeElizabeth LincolnArgentina
94Marketing AssistantPascale CartrainAustria
95Sales AgentAntonio MorenoGermany
96Accounting ManagerJaime YorresItaly
97Sales RepresentativePaul HenriotGermany
98OwnerHanna MoosAustria
99OwnerAntonio MorenoUSA
100Sales AgentMatti KarttunenFrance
 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?