Grid - Virtualization

1Marketing ManagerHanna MoosUSA
2Accounting ManagerMatti KarttunenBulgaria
3Marketing ManagerElizabeth LincolnFrance
4AccountantHanna MoosItaly
5Marketing ManagerPatricio SimpsonSpain
6Marketing ManagerPascale CartrainArgentina
7Accounting ManagerHanna MoosAustria
8OwnerElizabeth LincolnGermany
9Sales RepresentativeElizabeth LincolnBulgaria
10Sales ConsultantMatti KarttunenFrance
11Accounting ManagerPatricio SimpsonEngland
12AccountantMatti KarttunenUSA
13AccountantJaime YorresItaly
14AccountantGeorg PippsUSA
15Sales ManagerAntonio MorenoUSA
16Accounting ManagerMatti KarttunenFrance
17Sales AgentElizabeth LincolnBulgaria
18Marketing ManagerPascale CartrainBulgaria
19AccountantJaime YorresUSA
20Sales ManagerHoward SnyderUSA
21Accounting ManagerPaul HenriotGermany
22Sales AgentMatti KarttunenSpain
23Sales ManagerPascale CartrainArgentina
24Accounting ManagerAntonio MorenoItaly
25AccountantPascale CartrainSpain
26Sales ManagerPaul HenriotGermany
27Sales ConsultantAntonio MorenoSpain
28Sales AssociateElizabeth LincolnEngland
29Sales AssociatePaul HenriotAustria
30Sales AssociateJaime YorresEngland
31Sales AssociateMatti KarttunenAustria
32AccountantPascale CartrainEngland
33Marketing ManagerMatti KarttunenFrance
34Marketing AssistantMatti KarttunenAustria
35Sales AgentJaime YorresBulgaria
36Accounting ManagerPascale CartrainFrance
37Accounting ManagerElizabeth LincolnAustria
38Sales RepresentativeMatti KarttunenBulgaria
39Sales ManagerAntonio MorenoEngland
40OwnerPaul HenriotSpain
41Sales RepresentativePatricio SimpsonBulgaria
42Sales AssociateAntonio MorenoArgentina
43Sales AssociateHoward SnyderSpain
44Sales ManagerPascale CartrainEngland
45Sales ManagerPatricio SimpsonItaly
46Sales RepresentativeGeorg PippsArgentina
47Marketing AssistantPaul HenriotAustria
48Sales AssociateElizabeth LincolnFrance
49Sales AssociateGeorg PippsSpain
50Marketing ManagerAntonio MorenoBulgaria
51Sales ManagerPascale CartrainItaly
52Sales AgentAntonio MorenoBrazil
53Sales AssociateGeorg PippsGermany
54AccountantPascale CartrainFrance
55OwnerJaime YorresUSA
56Marketing AssistantElizabeth LincolnBrazil
57Sales RepresentativeMatti KarttunenFrance
58Sales ManagerHanna MoosBulgaria
59Marketing ManagerPascale CartrainItaly
60Accounting ManagerMatti KarttunenBrazil
61Sales ManagerHanna MoosArgentina
62Marketing AssistantPatricio SimpsonUSA
63Sales ManagerElizabeth LincolnUSA
64OwnerPascale CartrainFrance
65Sales ManagerPascale CartrainFrance
66Marketing AssistantElizabeth LincolnAustria
67Sales AgentGeorg PippsAustria
68Sales AssociatePatricio SimpsonEngland
69Sales RepresentativePascale CartrainAustria
70Marketing ManagerHoward SnyderBulgaria
71Sales ConsultantElizabeth LincolnAustria
72Sales ConsultantMatti KarttunenGermany
73Marketing AssistantPascale CartrainSpain
74Sales ConsultantPascale CartrainBulgaria
75Sales AgentPascale CartrainEngland
76AccountantHoward SnyderUSA
77Sales RepresentativeAntonio MorenoUSA
78AccountantPatricio SimpsonItaly
79Sales AssociateAntonio MorenoAustria
80Sales AgentMatti KarttunenItaly
81Sales AssociatePascale CartrainEngland
82Sales AssociateJaime YorresGermany
83Accounting ManagerMatti KarttunenBrazil
84Sales ManagerPascale CartrainBulgaria
85Sales ManagerElizabeth LincolnArgentina
86Marketing AssistantPatricio SimpsonBulgaria
87Sales AssociateHanna MoosBulgaria
88Sales AssociateHoward SnyderBulgaria
89Sales AssociateAntonio MorenoFrance
90Accounting ManagerJaime YorresBrazil
91OwnerPaul HenriotArgentina
92Accounting ManagerPatricio SimpsonEngland
93Sales AssociateMatti KarttunenSpain
94OwnerElizabeth LincolnGermany
95Sales ManagerAntonio MorenoSpain
96Sales ManagerAntonio MorenoBulgaria
97Sales ManagerPatricio SimpsonArgentina
98Sales AssociatePatricio SimpsonUSA
99Marketing AssistantMatti KarttunenSpain
100Sales AssociateHanna MoosUSA
 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?