Grid - Virtualization

1Sales ConsultantPaul HenriotGermany
2Marketing AssistantJaime YorresEngland
3Sales RepresentativeHoward SnyderUSA
4Sales ManagerMatti KarttunenAustria
5Accounting ManagerHanna MoosEngland
6AccountantElizabeth LincolnUSA
7Accounting ManagerHoward SnyderAustria
8OwnerHoward SnyderBrazil
9Marketing ManagerHoward SnyderSpain
10Sales AgentHoward SnyderBulgaria
11AccountantHanna MoosGermany
12OwnerMatti KarttunenItaly
13Marketing ManagerHanna MoosSpain
14AccountantElizabeth LincolnBrazil
15AccountantAntonio MorenoEngland
16Sales RepresentativePaul HenriotBulgaria
17Marketing AssistantPaul HenriotSpain
18Marketing ManagerAntonio MorenoFrance
19Marketing ManagerPascale CartrainBrazil
20Marketing AssistantElizabeth LincolnBulgaria
21Sales AssociatePatricio SimpsonFrance
22Sales ConsultantMatti KarttunenBulgaria
23AccountantJaime YorresItaly
24Accounting ManagerElizabeth LincolnSpain
25Marketing ManagerHoward SnyderBulgaria
26Sales RepresentativeAntonio MorenoEngland
27Sales ManagerHoward SnyderSpain
28Sales AgentGeorg PippsUSA
29Sales AssociateHoward SnyderSpain
30Accounting ManagerElizabeth LincolnUSA
31Sales AgentHanna MoosBulgaria
32Marketing AssistantPatricio SimpsonEngland
33Sales AgentHanna MoosAustria
34Sales ManagerHanna MoosSpain
35Sales RepresentativeElizabeth LincolnFrance
36Sales ManagerAntonio MorenoUSA
37Sales RepresentativeGeorg PippsBulgaria
38Sales ConsultantGeorg PippsArgentina
39Accounting ManagerHanna MoosSpain
40Sales ConsultantJaime YorresUSA
41Marketing ManagerPaul HenriotEngland
42Sales AssociateAntonio MorenoEngland
43Sales ConsultantMatti KarttunenAustria
44Marketing ManagerElizabeth LincolnItaly
45AccountantElizabeth LincolnBulgaria
46Sales AssociatePaul HenriotBulgaria
47Sales ManagerAntonio MorenoItaly
48Sales AgentAntonio MorenoSpain
49Sales AgentAntonio MorenoEngland
50Sales RepresentativeGeorg PippsSpain
51AccountantJaime YorresAustria
52Sales AgentJaime YorresItaly
53Sales AgentGeorg PippsBrazil
54Sales ManagerMatti KarttunenBrazil
55Sales AssociatePascale CartrainSpain
56Marketing AssistantPascale CartrainBrazil
57Sales RepresentativeJaime YorresFrance
58AccountantAntonio MorenoAustria
59Sales ManagerPaul HenriotBrazil
60Sales ManagerJaime YorresBulgaria
61Marketing AssistantAntonio MorenoFrance
62Marketing AssistantHoward SnyderSpain
63Marketing ManagerHanna MoosFrance
64Marketing ManagerAntonio MorenoFrance
65Sales AgentHoward SnyderSpain
66Sales ConsultantHoward SnyderItaly
67Sales ConsultantHanna MoosItaly
68Sales ManagerMatti KarttunenFrance
69Sales ConsultantPaul HenriotAustria
70Accounting ManagerHoward SnyderBrazil
71Sales ConsultantAntonio MorenoFrance
72Marketing AssistantElizabeth LincolnBulgaria
73Marketing AssistantPascale CartrainFrance
74Sales ConsultantMatti KarttunenGermany
75Sales ManagerMatti KarttunenBulgaria
76Sales AssociateAntonio MorenoBulgaria
77Marketing ManagerElizabeth LincolnGermany
78AccountantMatti KarttunenItaly
79Accounting ManagerJaime YorresEngland
80Accounting ManagerHoward SnyderItaly
81Sales AgentHoward SnyderAustria
82Sales AssociatePascale CartrainItaly
83Accounting ManagerMatti KarttunenBulgaria
84AccountantElizabeth LincolnSpain
85AccountantMatti KarttunenItaly
86OwnerMatti KarttunenUSA
87Sales ConsultantHanna MoosFrance
88Accounting ManagerPaul HenriotSpain
89Marketing ManagerPascale CartrainEngland
90Marketing AssistantHoward SnyderArgentina
91Sales ManagerPascale CartrainAustria
92Sales ManagerJaime YorresEngland
93Marketing ManagerPascale CartrainGermany
94Sales AssociateMatti KarttunenUSA
95Marketing AssistantHanna MoosSpain
96Sales ManagerGeorg PippsUSA
97Accounting ManagerAntonio MorenoArgentina
98AccountantPaul HenriotBulgaria
99Sales ManagerPatricio SimpsonAustria
100Sales ManagerGeorg PippsItaly
 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?