Sunset skin

Grid - Virtualization

1Marketing ManagerHoward SnyderAustria
2Marketing ManagerHoward SnyderBulgaria
3Sales AgentHoward SnyderItaly
4AccountantGeorg PippsItaly
5Sales ConsultantElizabeth LincolnArgentina
6OwnerGeorg PippsEngland
7Sales AgentPaul HenriotEngland
8AccountantPascale CartrainBulgaria
9Sales AssociateHanna MoosSpain
10Marketing ManagerHoward SnyderGermany
11Accounting ManagerPatricio SimpsonFrance
12Marketing AssistantJaime YorresFrance
13Marketing ManagerElizabeth LincolnFrance
14Marketing ManagerPatricio SimpsonEngland
15AccountantJaime YorresGermany
16Sales AgentJaime YorresArgentina
17Marketing ManagerAntonio MorenoArgentina
18Sales ManagerAntonio MorenoAustria
19Marketing AssistantMatti KarttunenGermany
20Sales AgentGeorg PippsAustria
21OwnerPascale CartrainItaly
22Sales ConsultantHoward SnyderArgentina
23Sales ConsultantHoward SnyderFrance
24Accounting ManagerHoward SnyderGermany
25Marketing ManagerPatricio SimpsonAustria
26Sales ManagerAntonio MorenoUSA
27Marketing ManagerJaime YorresAustria
28Sales AssociateGeorg PippsFrance
29Sales AssociateMatti KarttunenItaly
30Marketing ManagerPatricio SimpsonBrazil
31Sales RepresentativePascale CartrainAustria
32Sales ConsultantJaime YorresSpain
33Marketing ManagerPaul HenriotArgentina
34Marketing AssistantMatti KarttunenBrazil
35Marketing AssistantElizabeth LincolnSpain
36AccountantGeorg PippsEngland
37Marketing AssistantElizabeth LincolnEngland
38OwnerPaul HenriotUSA
39Sales RepresentativeAntonio MorenoUSA
40Marketing AssistantPascale CartrainUSA
41OwnerGeorg PippsItaly
42Sales AssociateMatti KarttunenBulgaria
43Sales AgentPatricio SimpsonArgentina
44Marketing ManagerMatti KarttunenAustria
45Marketing AssistantMatti KarttunenItaly
46Marketing AssistantHanna MoosSpain
47Marketing ManagerPaul HenriotFrance
48Sales ManagerHoward SnyderUSA
49AccountantElizabeth LincolnSpain
50AccountantElizabeth LincolnItaly
51Marketing AssistantPatricio SimpsonUSA
52Marketing AssistantPatricio SimpsonUSA
53AccountantAntonio MorenoBulgaria
54Sales ConsultantGeorg PippsUSA
55Sales AssociatePascale CartrainBulgaria
56Marketing ManagerAntonio MorenoEngland
57Sales AssociateHanna MoosArgentina
58Sales ManagerJaime YorresEngland
59Marketing AssistantElizabeth LincolnSpain
60AccountantPascale CartrainFrance
61Sales AssociateAntonio MorenoBulgaria
62Sales AgentPascale CartrainUSA
63Marketing AssistantMatti KarttunenBulgaria
64Sales ConsultantAntonio MorenoAustria
65Sales ManagerGeorg PippsUSA
66Accounting ManagerMatti KarttunenFrance
67Marketing AssistantPaul HenriotUSA
68Accounting ManagerJaime YorresUSA
69Sales AssociateJaime YorresAustria
70Sales ManagerElizabeth LincolnUSA
71OwnerPatricio SimpsonGermany
72Sales AgentGeorg PippsUSA
73Sales ConsultantGeorg PippsUSA
74Sales ManagerGeorg PippsUSA
75Marketing ManagerAntonio MorenoUSA
76Marketing AssistantPascale CartrainArgentina
77Sales AssociateHanna MoosItaly
78Marketing AssistantGeorg PippsArgentina
79Sales ConsultantPatricio SimpsonBulgaria
80Marketing ManagerElizabeth LincolnItaly
81Accounting ManagerHanna MoosUSA
82Sales AgentHanna MoosGermany
83Accounting ManagerPaul HenriotBulgaria
84Sales ManagerGeorg PippsFrance
85Sales AssociateGeorg PippsBulgaria
86Sales RepresentativeElizabeth LincolnUSA
87Accounting ManagerAntonio MorenoBrazil
88Marketing ManagerPascale CartrainSpain
89Sales RepresentativePaul HenriotBulgaria
90Sales ManagerHoward SnyderEngland
91Sales ManagerPaul HenriotGermany
92OwnerHanna MoosEngland
93Sales AssociateHoward SnyderItaly
94OwnerHanna MoosBulgaria
95Marketing ManagerPascale CartrainEngland
96Sales AgentMatti KarttunenAustria
97Sales ConsultantPatricio SimpsonArgentina
98AccountantPaul HenriotBulgaria
99Sales RepresentativeGeorg PippsEngland
100Marketing AssistantHoward SnyderGermany
 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?