Grid - Virtualization

1Marketing ManagerHoward SnyderBrazil
2Sales AssociateHoward SnyderItaly
3Sales ConsultantElizabeth LincolnGermany
4Sales ManagerHanna MoosAustria
5Sales AgentAntonio MorenoBulgaria
6AccountantGeorg PippsUSA
7AccountantPatricio SimpsonAustria
8Sales RepresentativeJaime YorresItaly
9AccountantAntonio MorenoSpain
10Sales ConsultantGeorg PippsBrazil
11Sales RepresentativeHanna MoosUSA
12OwnerPatricio SimpsonFrance
13AccountantMatti KarttunenAustria
14OwnerPatricio SimpsonBulgaria
15Accounting ManagerMatti KarttunenBulgaria
16Marketing ManagerPatricio SimpsonAustria
17Marketing AssistantGeorg PippsEngland
18Accounting ManagerHoward SnyderEngland
19Marketing ManagerJaime YorresAustria
20Marketing ManagerHanna MoosEngland
21Sales AssociateGeorg PippsUSA
22OwnerGeorg PippsUSA
23OwnerPaul HenriotEngland
24OwnerPascale CartrainArgentina
25AccountantPaul HenriotGermany
26Sales ConsultantAntonio MorenoBulgaria
27AccountantPatricio SimpsonFrance
28Sales AgentMatti KarttunenUSA
29Marketing AssistantJaime YorresUSA
30Sales AgentPatricio SimpsonFrance
31AccountantHanna MoosGermany
32AccountantHoward SnyderGermany
33Sales AssociatePatricio SimpsonAustria
34Accounting ManagerHoward SnyderGermany
35Marketing AssistantMatti KarttunenArgentina
36Sales AssociateElizabeth LincolnFrance
37Sales RepresentativeGeorg PippsFrance
38AccountantMatti KarttunenArgentina
39Marketing AssistantJaime YorresBrazil
40OwnerMatti KarttunenEngland
41Sales ManagerPatricio SimpsonEngland
42Sales AssociateAntonio MorenoSpain
43Marketing AssistantElizabeth LincolnBrazil
44Accounting ManagerJaime YorresGermany
45Marketing AssistantPascale CartrainBulgaria
46Sales ConsultantHanna MoosSpain
47OwnerPascale CartrainGermany
48Marketing AssistantPatricio SimpsonBrazil
49Accounting ManagerHanna MoosArgentina
50Sales AgentMatti KarttunenFrance
51Sales ManagerHanna MoosAustria
52Sales ManagerAntonio MorenoItaly
53Accounting ManagerElizabeth LincolnEngland
54Sales ConsultantPatricio SimpsonBrazil
55Sales AgentJaime YorresBrazil
56Marketing ManagerJaime YorresEngland
57Marketing AssistantMatti KarttunenUSA
58Marketing AssistantPascale CartrainEngland
59Sales ManagerPascale CartrainUSA
60Sales ConsultantJaime YorresEngland
61Sales AgentAntonio MorenoGermany
62Marketing ManagerGeorg PippsEngland
63Marketing AssistantPascale CartrainItaly
64Sales ConsultantMatti KarttunenAustria
65Sales ConsultantMatti KarttunenAustria
66Sales ConsultantJaime YorresArgentina
67Sales ManagerPaul HenriotGermany
68Marketing AssistantHoward SnyderUSA
69AccountantHanna MoosEngland
70Sales RepresentativeAntonio MorenoBulgaria
71Marketing ManagerElizabeth LincolnItaly
72Marketing ManagerPatricio SimpsonAustria
73OwnerMatti KarttunenBulgaria
74Sales AssociateElizabeth LincolnUSA
75Sales RepresentativeHoward SnyderBulgaria
76Sales ManagerGeorg PippsArgentina
77AccountantGeorg PippsArgentina
78Marketing AssistantGeorg PippsArgentina
79Marketing AssistantPaul HenriotBrazil
80OwnerPatricio SimpsonItaly
81Marketing AssistantPatricio SimpsonBrazil
82Sales AssociateAntonio MorenoSpain
83OwnerElizabeth LincolnBulgaria
84Sales AssociateJaime YorresBrazil
85Marketing AssistantElizabeth LincolnUSA
86Accounting ManagerJaime YorresArgentina
87AccountantGeorg PippsGermany
88OwnerHoward SnyderEngland
89Marketing ManagerPascale CartrainSpain
90OwnerPaul HenriotArgentina
91Sales RepresentativeJaime YorresUSA
92OwnerHanna MoosFrance
93Sales ConsultantPaul HenriotBrazil
94Sales ManagerElizabeth LincolnArgentina
95Accounting ManagerPaul HenriotBrazil
96Sales AgentJaime YorresBrazil
97Sales RepresentativeJaime YorresBulgaria
98AccountantPatricio SimpsonSpain
99Marketing AssistantPascale CartrainBrazil
100Marketing ManagerHanna MoosItaly
 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?