Grid - Virtualization

1Sales ConsultantMatti KarttunenItaly
2Sales ConsultantElizabeth LincolnSpain
3Sales ManagerAntonio MorenoUSA
4Accounting ManagerPaul HenriotEngland
5Accounting ManagerAntonio MorenoItaly
6Sales ManagerPascale CartrainBrazil
7Sales AssociateHanna MoosItaly
8Sales AgentGeorg PippsGermany
9Sales AssociateMatti KarttunenBrazil
10Sales AssociatePatricio SimpsonItaly
11Marketing AssistantHanna MoosAustria
12AccountantPatricio SimpsonArgentina
13Sales ConsultantAntonio MorenoEngland
14OwnerMatti KarttunenSpain
15Sales AgentHanna MoosUSA
16Sales AssociateHoward SnyderBulgaria
17OwnerJaime YorresBrazil
18AccountantJaime YorresEngland
19Sales RepresentativeGeorg PippsAustria
20Sales ConsultantHanna MoosGermany
21Sales RepresentativePatricio SimpsonSpain
22Sales AssociateElizabeth LincolnUSA
23Marketing ManagerPaul HenriotAustria
24AccountantJaime YorresArgentina
25Sales ManagerHanna MoosGermany
26Accounting ManagerGeorg PippsBulgaria
27Accounting ManagerPaul HenriotBrazil
28Sales RepresentativeJaime YorresArgentina
29AccountantPatricio SimpsonEngland
30Sales RepresentativeMatti KarttunenGermany
31Sales AssociateMatti KarttunenFrance
32Sales AssociateJaime YorresGermany
33Accounting ManagerPascale CartrainEngland
34Marketing AssistantMatti KarttunenArgentina
35Sales ManagerElizabeth LincolnItaly
36Marketing AssistantPatricio SimpsonBulgaria
37AccountantElizabeth LincolnArgentina
38OwnerHoward SnyderArgentina
39OwnerPaul HenriotBrazil
40Accounting ManagerPaul HenriotAustria
41Sales AgentAntonio MorenoEngland
42Marketing AssistantPatricio SimpsonEngland
43Marketing ManagerJaime YorresUSA
44OwnerPascale CartrainFrance
45Sales RepresentativeHoward SnyderAustria
46OwnerHoward SnyderFrance
47Marketing AssistantHanna MoosEngland
48AccountantGeorg PippsArgentina
49Accounting ManagerPaul HenriotArgentina
50Accounting ManagerHanna MoosGermany
51OwnerJaime YorresSpain
52Marketing ManagerHoward SnyderUSA
53Sales ManagerHoward SnyderEngland
54Sales ManagerPatricio SimpsonSpain
55AccountantAntonio MorenoAustria
56Marketing ManagerHoward SnyderArgentina
57AccountantElizabeth LincolnItaly
58Sales ConsultantGeorg PippsFrance
59Sales AssociateHanna MoosUSA
60Marketing ManagerMatti KarttunenFrance
61Marketing AssistantJaime YorresUSA
62Accounting ManagerHoward SnyderSpain
63OwnerGeorg PippsSpain
64Sales AgentAntonio MorenoBrazil
65AccountantHanna MoosEngland
66Accounting ManagerPaul HenriotEngland
67Marketing ManagerGeorg PippsArgentina
68Sales ManagerPascale CartrainEngland
69Sales RepresentativeGeorg PippsUSA
70Sales ManagerPaul HenriotArgentina
71Sales AgentHanna MoosSpain
72Sales AssociatePascale CartrainEngland
73Sales RepresentativeJaime YorresAustria
74Sales ManagerJaime YorresUSA
75Sales ManagerPascale CartrainUSA
76AccountantPatricio SimpsonBulgaria
77Marketing AssistantElizabeth LincolnBulgaria
78Sales RepresentativePaul HenriotAustria
79Sales RepresentativeMatti KarttunenSpain
80Marketing AssistantPaul HenriotArgentina
81Marketing AssistantPaul HenriotFrance
82Sales ConsultantHanna MoosBrazil
83Accounting ManagerPatricio SimpsonAustria
84AccountantPaul HenriotSpain
85Sales AssociateElizabeth LincolnFrance
86Sales RepresentativePascale CartrainUSA
87Sales ManagerPaul HenriotBulgaria
88Marketing ManagerAntonio MorenoAustria
89Sales AssociateHanna MoosArgentina
90AccountantHanna MoosBulgaria
91Sales ConsultantElizabeth LincolnAustria
92OwnerElizabeth LincolnEngland
93Sales AssociateGeorg PippsAustria
94Marketing AssistantAntonio MorenoEngland
95Sales ConsultantAntonio MorenoEngland
96Sales AgentHoward SnyderSpain
97Sales AgentAntonio MorenoBulgaria
98Marketing AssistantJaime YorresArgentina
99Sales ConsultantAntonio MorenoUSA
100Marketing ManagerHoward SnyderArgentina
 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?