Grid - Virtualization

1AccountantPatricio SimpsonArgentina
2Sales ManagerAntonio MorenoBulgaria
3Marketing AssistantHoward SnyderArgentina
4Sales RepresentativeAntonio MorenoSpain
5Sales AgentAntonio MorenoSpain
6Sales ConsultantPaul HenriotSpain
7Sales AssociatePatricio SimpsonEngland
8Accounting ManagerJaime YorresUSA
9Marketing AssistantElizabeth LincolnGermany
10Sales ManagerPatricio SimpsonGermany
11OwnerJaime YorresAustria
12OwnerElizabeth LincolnFrance
13Accounting ManagerGeorg PippsArgentina
14Sales RepresentativeHanna MoosBulgaria
15Sales ManagerHanna MoosSpain
16AccountantAntonio MorenoUSA
17Sales ManagerPaul HenriotAustria
18Marketing AssistantPascale CartrainFrance
19Sales RepresentativeHoward SnyderEngland
20Sales ConsultantPatricio SimpsonBulgaria
21OwnerPascale CartrainEngland
22Sales RepresentativeElizabeth LincolnBulgaria
23Sales RepresentativeAntonio MorenoBulgaria
24Sales ConsultantElizabeth LincolnArgentina
25Sales AgentMatti KarttunenItaly
26Sales AssociatePascale CartrainFrance
27Marketing AssistantHoward SnyderBrazil
28OwnerHoward SnyderSpain
29Sales AssociateGeorg PippsAustria
30Accounting ManagerHoward SnyderItaly
31Sales ConsultantMatti KarttunenEngland
32Sales ConsultantAntonio MorenoItaly
33Sales AssociateMatti KarttunenBrazil
34Marketing ManagerHoward SnyderArgentina
35Sales ConsultantJaime YorresAustria
36Sales AgentHanna MoosFrance
37Marketing ManagerElizabeth LincolnBulgaria
38Sales ManagerMatti KarttunenArgentina
39Marketing AssistantHoward SnyderEngland
40Sales RepresentativeElizabeth LincolnAustria
41Sales ConsultantPaul HenriotArgentina
42Marketing ManagerPascale CartrainGermany
43Sales AgentMatti KarttunenItaly
44Sales ConsultantMatti KarttunenAustria
45Sales AssociatePaul HenriotGermany
46Sales ConsultantHanna MoosSpain
47AccountantMatti KarttunenBulgaria
48Sales ConsultantJaime YorresBulgaria
49Sales RepresentativeMatti KarttunenItaly
50Sales AssociateGeorg PippsBrazil
51Sales RepresentativePatricio SimpsonFrance
52OwnerHanna MoosFrance
53Sales ManagerGeorg PippsUSA
54OwnerHanna MoosGermany
55OwnerJaime YorresArgentina
56Sales RepresentativePaul HenriotAustria
57Sales ManagerPascale CartrainArgentina
58Sales RepresentativeGeorg PippsGermany
59Sales ManagerElizabeth LincolnAustria
60Sales RepresentativeHanna MoosBrazil
61AccountantHanna MoosBulgaria
62AccountantPatricio SimpsonEngland
63Sales RepresentativePascale CartrainBulgaria
64Marketing AssistantAntonio MorenoEngland
65Marketing AssistantPascale CartrainEngland
66Sales ManagerMatti KarttunenGermany
67Sales AgentAntonio MorenoBulgaria
68Marketing ManagerElizabeth LincolnItaly
69Sales RepresentativeAntonio MorenoBulgaria
70Sales AssociateElizabeth LincolnAustria
71Sales ConsultantAntonio MorenoBrazil
72OwnerJaime YorresEngland
73Accounting ManagerJaime YorresBulgaria
74Sales AssociatePatricio SimpsonGermany
75Marketing AssistantHoward SnyderSpain
76OwnerJaime YorresItaly
77Sales AssociateGeorg PippsAustria
78Sales AssociateHoward SnyderGermany
79OwnerPatricio SimpsonFrance
80Sales RepresentativeHoward SnyderArgentina
81Marketing ManagerElizabeth LincolnSpain
82Marketing ManagerPatricio SimpsonGermany
83Sales AgentElizabeth LincolnUSA
84OwnerMatti KarttunenSpain
85Sales AgentPascale CartrainArgentina
86Marketing AssistantJaime YorresArgentina
87Sales AssociateGeorg PippsItaly
88Sales ConsultantMatti KarttunenAustria
89AccountantAntonio MorenoUSA
90Marketing AssistantHoward SnyderItaly
91Marketing AssistantJaime YorresUSA
92Sales ManagerAntonio MorenoSpain
93Marketing ManagerGeorg PippsSpain
94AccountantElizabeth LincolnGermany
95Sales RepresentativePaul HenriotBulgaria
96OwnerPatricio SimpsonGermany
97OwnerPatricio SimpsonArgentina
98Sales ConsultantMatti KarttunenSpain
99Marketing AssistantJaime YorresEngland
100Marketing AssistantMatti KarttunenSpain
 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?