Office2010Blue skin

Grid - Virtualization

1OwnerElizabeth LincolnAustria
2AccountantPascale CartrainUSA
3Marketing AssistantJaime YorresBulgaria
4Accounting ManagerHanna MoosBrazil
5OwnerGeorg PippsBulgaria
6Sales RepresentativePaul HenriotItaly
7Sales AgentPascale CartrainAustria
8Sales ManagerPaul HenriotBulgaria
9Sales AssociateGeorg PippsItaly
10AccountantAntonio MorenoItaly
11Sales AgentJaime YorresBulgaria
12Sales AgentJaime YorresSpain
13OwnerAntonio MorenoArgentina
14Sales ManagerHanna MoosAustria
15Sales RepresentativePatricio SimpsonArgentina
16Sales RepresentativePatricio SimpsonFrance
17Sales RepresentativeMatti KarttunenSpain
18Sales ConsultantGeorg PippsBulgaria
19Accounting ManagerJaime YorresArgentina
20OwnerMatti KarttunenSpain
21Sales RepresentativePatricio SimpsonFrance
22Sales AssociateElizabeth LincolnBrazil
23Marketing ManagerHanna MoosGermany
24Sales AgentHanna MoosFrance
25Sales RepresentativeGeorg PippsGermany
26Accounting ManagerJaime YorresAustria
27Sales ManagerElizabeth LincolnEngland
28Sales ConsultantAntonio MorenoFrance
29Sales AgentHanna MoosBulgaria
30Sales ManagerPatricio SimpsonUSA
31Marketing ManagerHanna MoosGermany
32OwnerHoward SnyderSpain
33AccountantHanna MoosSpain
34AccountantJaime YorresAustria
35Sales AssociatePascale CartrainArgentina
36Sales ManagerJaime YorresFrance
37OwnerElizabeth LincolnAustria
38Sales AgentHanna MoosUSA
39Marketing AssistantPaul HenriotSpain
40AccountantHanna MoosUSA
41Sales ManagerElizabeth LincolnBrazil
42Marketing AssistantPatricio SimpsonFrance
43Marketing ManagerAntonio MorenoEngland
44Sales AgentGeorg PippsBrazil
45Sales RepresentativeMatti KarttunenSpain
46Sales AgentMatti KarttunenItaly
47AccountantGeorg PippsGermany
48Sales AgentGeorg PippsSpain
49OwnerHanna MoosUSA
50Sales ConsultantPaul HenriotItaly
51Marketing AssistantMatti KarttunenEngland
52Marketing AssistantPascale CartrainEngland
53Sales AgentAntonio MorenoSpain
54Sales ConsultantHanna MoosGermany
55AccountantPaul HenriotGermany
56Sales ConsultantHoward SnyderUSA
57Marketing AssistantMatti KarttunenItaly
58Marketing ManagerHanna MoosBulgaria
59Marketing AssistantHoward SnyderBrazil
60Sales RepresentativeHoward SnyderBulgaria
61Marketing AssistantPaul HenriotAustria
62Sales ManagerGeorg PippsItaly
63Marketing AssistantAntonio MorenoAustria
64Sales RepresentativeHoward SnyderSpain
65Accounting ManagerHanna MoosBulgaria
66Sales AssociateJaime YorresBrazil
67Sales RepresentativeJaime YorresUSA
68Sales RepresentativeJaime YorresArgentina
69OwnerJaime YorresBrazil
70Marketing AssistantPascale CartrainUSA
71Sales AgentAntonio MorenoItaly
72Marketing ManagerHoward SnyderFrance
73Sales AgentPascale CartrainFrance
74AccountantPatricio SimpsonSpain
75Marketing AssistantAntonio MorenoAustria
76Sales AssociateHoward SnyderBulgaria
77Accounting ManagerHanna MoosAustria
78Marketing AssistantPaul HenriotUSA
79Sales AssociateHoward SnyderItaly
80OwnerGeorg PippsEngland
81Sales RepresentativeHanna MoosUSA
82Marketing ManagerAntonio MorenoGermany
83Marketing AssistantHanna MoosAustria
84OwnerJaime YorresFrance
85Sales AssociateAntonio MorenoFrance
86Accounting ManagerHoward SnyderFrance
87Sales AssociateMatti KarttunenBrazil
88Accounting ManagerJaime YorresEngland
89OwnerGeorg PippsUSA
90Sales AssociatePascale CartrainBrazil
91AccountantAntonio MorenoItaly
92Sales ManagerJaime YorresAustria
93Sales AssociateGeorg PippsSpain
94Marketing ManagerAntonio MorenoGermany
95OwnerHanna MoosItaly
96Sales RepresentativePatricio SimpsonBrazil
97Marketing ManagerAntonio MorenoArgentina
98Marketing ManagerPaul HenriotSpain
99Sales AgentPascale CartrainUSA
100Marketing AssistantAntonio MorenoItaly
 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?