Outlook skin

Grid - Virtualization

1Marketing ManagerElizabeth LincolnUSA
2Sales ManagerPaul HenriotSpain
3Marketing ManagerHoward SnyderSpain
4Marketing ManagerPaul HenriotItaly
5Sales ManagerPaul HenriotBulgaria
6Sales AssociateAntonio MorenoGermany
7Sales AssociateElizabeth LincolnGermany
8Accounting ManagerHoward SnyderArgentina
9Sales ConsultantHanna MoosArgentina
10OwnerPaul HenriotItaly
11Sales RepresentativeGeorg PippsAustria
12Sales AgentJaime YorresBulgaria
13Sales AgentMatti KarttunenEngland
14Sales RepresentativeAntonio MorenoBulgaria
15Sales ConsultantGeorg PippsArgentina
16Accounting ManagerHanna MoosArgentina
17Sales RepresentativePatricio SimpsonBrazil
18Sales AssociatePascale CartrainUSA
19Marketing ManagerJaime YorresUSA
20Marketing AssistantElizabeth LincolnGermany
21Sales RepresentativeHanna MoosArgentina
22Sales AgentElizabeth LincolnArgentina
23AccountantGeorg PippsBrazil
24Sales ManagerPatricio SimpsonItaly
25Accounting ManagerJaime YorresGermany
26Sales ManagerHanna MoosArgentina
27Marketing ManagerPaul HenriotGermany
28Sales ManagerPaul HenriotAustria
29Sales AgentPascale CartrainSpain
30Marketing AssistantPaul HenriotGermany
31Marketing ManagerMatti KarttunenItaly
32Marketing AssistantHoward SnyderFrance
33Marketing ManagerHanna MoosArgentina
34Sales RepresentativePatricio SimpsonSpain
35Sales RepresentativeHanna MoosSpain
36Marketing AssistantPascale CartrainGermany
37Accounting ManagerMatti KarttunenArgentina
38Accounting ManagerMatti KarttunenGermany
39Sales RepresentativeMatti KarttunenAustria
40Sales ConsultantElizabeth LincolnArgentina
41AccountantHanna MoosBulgaria
42Sales RepresentativePatricio SimpsonUSA
43AccountantElizabeth LincolnAustria
44Sales ConsultantHoward SnyderBrazil
45OwnerHoward SnyderArgentina
46Marketing AssistantMatti KarttunenUSA
47Sales AgentJaime YorresUSA
48Sales ConsultantGeorg PippsBulgaria
49Marketing AssistantAntonio MorenoUSA
50AccountantGeorg PippsItaly
51Sales AssociatePaul HenriotAustria
52Sales ConsultantElizabeth LincolnBulgaria
53AccountantGeorg PippsSpain
54Sales ManagerPaul HenriotItaly
55OwnerPaul HenriotBrazil
56Sales RepresentativeGeorg PippsItaly
57Sales ConsultantMatti KarttunenBrazil
58Sales RepresentativeElizabeth LincolnBulgaria
59AccountantMatti KarttunenUSA
60Sales AssociateGeorg PippsArgentina
61Sales ConsultantHanna MoosBulgaria
62Sales AssociateGeorg PippsArgentina
63Marketing AssistantElizabeth LincolnSpain
64AccountantGeorg PippsGermany
65OwnerPaul HenriotEngland
66Sales ConsultantJaime YorresGermany
67Sales AgentPascale CartrainGermany
68Sales ManagerGeorg PippsArgentina
69Marketing AssistantPaul HenriotBulgaria
70Marketing ManagerMatti KarttunenAustria
71Sales ManagerPatricio SimpsonSpain
72OwnerJaime YorresSpain
73Sales ConsultantPaul HenriotUSA
74Sales RepresentativeAntonio MorenoItaly
75Sales AssociateMatti KarttunenGermany
76Sales RepresentativeHanna MoosEngland
77Accounting ManagerHanna MoosFrance
78Sales ManagerPascale CartrainSpain
79Sales AssociatePaul HenriotEngland
80Sales RepresentativeGeorg PippsItaly
81Marketing AssistantJaime YorresUSA
82Marketing AssistantPascale CartrainArgentina
83Sales RepresentativeGeorg PippsBulgaria
84Sales ConsultantAntonio MorenoArgentina
85Marketing ManagerPatricio SimpsonBulgaria
86Accounting ManagerPaul HenriotBrazil
87Sales ManagerHanna MoosEngland
88Marketing ManagerPascale CartrainEngland
89Sales ConsultantPascale CartrainArgentina
90Sales AgentPaul HenriotBrazil
91Sales AssociateAntonio MorenoBrazil
92Sales ConsultantElizabeth LincolnAustria
93OwnerJaime YorresFrance
94AccountantHanna MoosBulgaria
95Sales ConsultantPascale CartrainFrance
96AccountantPascale CartrainFrance
97Sales ConsultantPatricio SimpsonArgentina
98Marketing AssistantPatricio SimpsonItaly
99AccountantPatricio SimpsonFrance
100Marketing ManagerPascale 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?