Grid - Virtualization

1OwnerHanna MoosFrance
2Sales AssociateMatti KarttunenGermany
3Sales AssociateJaime YorresBrazil
4Sales AgentMatti KarttunenAustria
5OwnerPascale CartrainBrazil
6OwnerPaul HenriotAustria
7Sales AssociateJaime YorresItaly
8Sales AssociateJaime YorresGermany
9Sales ConsultantHoward SnyderEngland
10Accounting ManagerJaime YorresSpain
11Sales ManagerPascale CartrainGermany
12Marketing AssistantElizabeth LincolnItaly
13OwnerJaime YorresAustria
14Sales AgentPatricio SimpsonGermany
15Sales ManagerMatti KarttunenUSA
16Sales AgentAntonio MorenoUSA
17Sales ConsultantElizabeth LincolnItaly
18OwnerHanna MoosItaly
19Sales ConsultantAntonio MorenoSpain
20Accounting ManagerHoward SnyderGermany
21Sales ManagerHoward SnyderUSA
22Sales ConsultantHanna MoosUSA
23Sales AgentPascale CartrainArgentina
24Marketing AssistantPatricio SimpsonEngland
25Sales ConsultantPaul HenriotEngland
26AccountantElizabeth LincolnEngland
27Sales RepresentativeMatti KarttunenArgentina
28Marketing ManagerHoward SnyderArgentina
29Marketing ManagerPatricio SimpsonAustria
30Sales AgentPatricio SimpsonSpain
31Sales ConsultantJaime YorresEngland
32Accounting ManagerHoward SnyderSpain
33Sales AssociateGeorg PippsEngland
34Sales RepresentativeHanna MoosArgentina
35Sales ConsultantGeorg PippsFrance
36AccountantPatricio SimpsonBulgaria
37Sales AssociateElizabeth LincolnItaly
38Sales ManagerHanna MoosBrazil
39Sales ConsultantHanna MoosAustria
40Sales AssociatePaul HenriotArgentina
41Accounting ManagerHanna MoosFrance
42AccountantPaul HenriotGermany
43Sales ConsultantGeorg PippsFrance
44Sales ConsultantPascale CartrainBulgaria
45Marketing AssistantMatti KarttunenEngland
46Sales ConsultantPascale CartrainBrazil
47OwnerPascale CartrainItaly
48Sales ConsultantAntonio MorenoEngland
49Sales AssociatePascale CartrainSpain
50Marketing ManagerPatricio SimpsonItaly
51Accounting ManagerElizabeth LincolnGermany
52Sales AgentPaul HenriotBrazil
53Sales AgentGeorg PippsSpain
54Accounting ManagerPascale CartrainBulgaria
55OwnerGeorg PippsArgentina
56AccountantPascale CartrainFrance
57Sales AgentGeorg PippsFrance
58Marketing ManagerHanna MoosSpain
59Sales AgentGeorg PippsGermany
60Sales AgentElizabeth LincolnBulgaria
61Sales AssociateElizabeth LincolnBrazil
62OwnerGeorg PippsItaly
63Accounting ManagerPaul HenriotAustria
64Accounting ManagerPaul HenriotSpain
65Sales ConsultantHoward SnyderEngland
66Sales AgentAntonio MorenoItaly
67AccountantPascale CartrainBrazil
68OwnerJaime YorresItaly
69OwnerPatricio SimpsonGermany
70Marketing ManagerHanna MoosItaly
71Marketing ManagerPascale CartrainAustria
72Marketing ManagerJaime YorresEngland
73AccountantAntonio MorenoEngland
74Sales AssociateHanna MoosFrance
75OwnerPascale CartrainEngland
76OwnerJaime YorresFrance
77Accounting ManagerGeorg PippsItaly
78Sales ConsultantGeorg PippsBulgaria
79Sales ManagerMatti KarttunenAustria
80Sales AssociateElizabeth LincolnSpain
81Marketing ManagerGeorg PippsBrazil
82Sales ConsultantJaime YorresFrance
83OwnerPatricio SimpsonSpain
84Accounting ManagerJaime YorresItaly
85OwnerJaime YorresGermany
86Sales ManagerHoward SnyderItaly
87Sales RepresentativeHanna MoosUSA
88Sales AgentPaul HenriotArgentina
89Sales AgentElizabeth LincolnArgentina
90AccountantHanna MoosGermany
91Sales AgentPatricio SimpsonEngland
92Sales AssociateHoward SnyderAustria
93Accounting ManagerPaul HenriotEngland
94AccountantHanna MoosItaly
95Marketing AssistantJaime YorresSpain
96Marketing AssistantHanna MoosItaly
97OwnerPascale CartrainSpain
98Sales ManagerPascale CartrainBrazil
99OwnerGeorg PippsBulgaria
100Sales ConsultantPascale CartrainItaly
 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?