Grid - Virtualization

1Marketing AssistantAntonio MorenoArgentina
2Sales RepresentativeJaime YorresAustria
3Marketing AssistantGeorg PippsBulgaria
4Marketing ManagerHoward SnyderEngland
5OwnerJaime YorresSpain
6Marketing AssistantPascale CartrainAustria
7Sales ConsultantJaime YorresAustria
8Sales ConsultantAntonio MorenoItaly
9Marketing ManagerGeorg PippsBrazil
10Marketing AssistantAntonio MorenoUSA
11Sales RepresentativeElizabeth LincolnEngland
12Marketing AssistantGeorg PippsArgentina
13Marketing AssistantMatti KarttunenItaly
14Sales RepresentativeElizabeth LincolnSpain
15Sales ManagerPascale CartrainFrance
16Sales AssociatePascale CartrainSpain
17Sales RepresentativeAntonio MorenoArgentina
18Sales ManagerPatricio SimpsonAustria
19Sales ManagerJaime YorresUSA
20AccountantJaime YorresItaly
21Marketing ManagerAntonio MorenoArgentina
22Accounting ManagerHoward SnyderUSA
23OwnerPascale CartrainGermany
24Marketing ManagerPascale CartrainArgentina
25Marketing ManagerPaul HenriotItaly
26Marketing AssistantAntonio MorenoArgentina
27Sales ConsultantPatricio SimpsonSpain
28OwnerMatti KarttunenBulgaria
29Marketing AssistantElizabeth LincolnEngland
30OwnerPascale CartrainItaly
31Sales AssociateElizabeth LincolnItaly
32Sales ManagerHanna MoosArgentina
33Sales AgentElizabeth LincolnBulgaria
34OwnerAntonio MorenoArgentina
35Marketing ManagerHoward SnyderArgentina
36Sales RepresentativePascale CartrainBulgaria
37Marketing ManagerPatricio SimpsonEngland
38Sales RepresentativeAntonio MorenoUSA
39Marketing ManagerElizabeth LincolnEngland
40Sales ManagerJaime YorresUSA
41OwnerPaul HenriotItaly
42Sales RepresentativeHoward SnyderFrance
43Marketing ManagerHoward SnyderArgentina
44Accounting ManagerMatti KarttunenBrazil
45Sales ManagerHoward SnyderArgentina
46Sales AgentHoward SnyderFrance
47Sales RepresentativeMatti KarttunenGermany
48Marketing ManagerHanna MoosSpain
49Marketing ManagerPatricio SimpsonItaly
50Sales ConsultantPascale CartrainArgentina
51Sales AssociateAntonio MorenoGermany
52Marketing ManagerElizabeth LincolnAustria
53AccountantPascale CartrainEngland
54Sales AgentAntonio MorenoSpain
55Accounting ManagerMatti KarttunenBulgaria
56Sales ConsultantHoward SnyderFrance
57Accounting ManagerPatricio SimpsonItaly
58Marketing AssistantHoward SnyderArgentina
59Accounting ManagerPascale CartrainBrazil
60Sales RepresentativeAntonio MorenoAustria
61Accounting ManagerHanna MoosBulgaria
62Sales AgentHoward SnyderAustria
63Sales ConsultantJaime YorresGermany
64Marketing AssistantMatti KarttunenEngland
65Marketing ManagerGeorg PippsBulgaria
66Marketing AssistantHanna MoosBrazil
67Accounting ManagerGeorg PippsSpain
68Sales RepresentativeHoward SnyderAustria
69Marketing ManagerGeorg PippsEngland
70OwnerHoward SnyderBrazil
71Marketing ManagerPaul HenriotAustria
72Accounting ManagerPascale CartrainBrazil
73Sales ConsultantPascale CartrainArgentina
74Sales AgentMatti KarttunenBulgaria
75Sales RepresentativeHanna MoosFrance
76OwnerJaime YorresArgentina
77Marketing ManagerAntonio MorenoBrazil
78OwnerMatti KarttunenBulgaria
79OwnerAntonio MorenoUSA
80Accounting ManagerPaul HenriotGermany
81Sales AgentHanna MoosItaly
82Accounting ManagerGeorg PippsEngland
83Sales RepresentativeHoward SnyderBrazil
84Accounting ManagerElizabeth LincolnSpain
85AccountantJaime YorresGermany
86OwnerMatti KarttunenAustria
87AccountantPascale CartrainItaly
88OwnerPatricio SimpsonUSA
89OwnerElizabeth LincolnBrazil
90Sales AssociateAntonio MorenoEngland
91Sales ConsultantPatricio SimpsonUSA
92Marketing ManagerPatricio SimpsonBrazil
93Sales ManagerPaul HenriotArgentina
94Accounting ManagerJaime YorresGermany
95Sales RepresentativeElizabeth LincolnEngland
96Accounting ManagerMatti KarttunenAustria
97OwnerHoward SnyderUSA
98Sales ManagerHanna MoosItaly
99OwnerHanna MoosArgentina
100OwnerGeorg PippsFrance
 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?