WebBlue skin

Grid - Virtualization

1Sales RepresentativeAntonio MorenoSpain
2Marketing ManagerMatti KarttunenGermany
3OwnerPascale CartrainBulgaria
4AccountantHoward SnyderUSA
5Sales ManagerJaime YorresFrance
6Accounting ManagerAntonio MorenoFrance
7AccountantJaime YorresAustria
8Sales AgentHanna MoosGermany
9Sales RepresentativePaul HenriotEngland
10Sales RepresentativeHoward SnyderArgentina
11Accounting ManagerMatti KarttunenSpain
12Sales AgentPaul HenriotBulgaria
13OwnerPaul HenriotItaly
14AccountantHanna MoosEngland
15Sales ConsultantGeorg PippsEngland
16Sales AssociateJaime YorresAustria
17Sales AgentAntonio MorenoAustria
18Sales AssociateJaime YorresBrazil
19Accounting ManagerElizabeth LincolnArgentina
20Marketing AssistantPascale CartrainGermany
21Marketing ManagerPatricio SimpsonEngland
22Sales AgentHoward SnyderFrance
23Marketing ManagerAntonio MorenoFrance
24Marketing AssistantElizabeth LincolnBulgaria
25Sales AssociateGeorg PippsSpain
26AccountantPaul HenriotEngland
27Marketing AssistantAntonio MorenoEngland
28Marketing AssistantPatricio SimpsonBulgaria
29Marketing ManagerGeorg PippsBulgaria
30AccountantHanna MoosGermany
31OwnerHoward SnyderAustria
32Marketing ManagerGeorg PippsArgentina
33AccountantAntonio MorenoEngland
34Marketing ManagerMatti KarttunenEngland
35Marketing ManagerGeorg PippsGermany
36Sales ManagerGeorg PippsBrazil
37Marketing ManagerHoward SnyderFrance
38Sales RepresentativeAntonio MorenoEngland
39Sales ManagerPascale CartrainFrance
40Sales AgentJaime YorresBulgaria
41Sales AgentElizabeth LincolnArgentina
42AccountantJaime YorresItaly
43OwnerAntonio MorenoArgentina
44OwnerGeorg PippsAustria
45AccountantHoward SnyderBulgaria
46Sales ConsultantJaime YorresFrance
47Accounting ManagerHoward SnyderEngland
48Sales ConsultantAntonio MorenoArgentina
49Marketing AssistantJaime YorresFrance
50OwnerHoward SnyderItaly
51AccountantAntonio MorenoUSA
52Sales ConsultantPascale CartrainEngland
53Sales AgentPatricio SimpsonFrance
54OwnerHanna MoosFrance
55Marketing ManagerMatti KarttunenAustria
56OwnerPascale CartrainArgentina
57Sales AgentElizabeth LincolnSpain
58Marketing ManagerHanna MoosBrazil
59Sales ConsultantElizabeth LincolnItaly
60Marketing AssistantMatti KarttunenUSA
61Sales AgentElizabeth LincolnItaly
62Accounting ManagerHoward SnyderBrazil
63Marketing ManagerMatti KarttunenBulgaria
64Sales AssociateMatti KarttunenFrance
65Marketing ManagerPascale CartrainBulgaria
66Sales ConsultantPascale CartrainSpain
67Marketing ManagerHanna MoosUSA
68Sales AssociateJaime YorresBulgaria
69Sales ManagerGeorg PippsBrazil
70Accounting ManagerElizabeth LincolnGermany
71Marketing ManagerJaime YorresUSA
72Sales ManagerAntonio MorenoArgentina
73Marketing AssistantHanna MoosBrazil
74Accounting ManagerJaime YorresSpain
75OwnerJaime YorresGermany
76AccountantPatricio SimpsonItaly
77Accounting ManagerPaul HenriotAustria
78Marketing AssistantMatti KarttunenGermany
79Sales ManagerHanna MoosBulgaria
80Sales AssociatePatricio SimpsonFrance
81Accounting ManagerHanna MoosArgentina
82OwnerHoward SnyderAustria
83Sales ManagerPaul HenriotBrazil
84Sales AgentPatricio SimpsonItaly
85Sales AssociateAntonio MorenoUSA
86Marketing ManagerPascale CartrainSpain
87Sales RepresentativePatricio SimpsonFrance
88Marketing ManagerPaul HenriotEngland
89AccountantPascale CartrainFrance
90Marketing AssistantPatricio SimpsonFrance
91Accounting ManagerGeorg PippsBrazil
92Sales RepresentativePaul HenriotSpain
93Accounting ManagerPascale CartrainArgentina
94Sales RepresentativeJaime YorresBrazil
95AccountantJaime YorresEngland
96Sales AgentHanna MoosUSA
97AccountantMatti KarttunenBulgaria
98Sales ConsultantPascale CartrainAustria
99OwnerAntonio MorenoSpain
100Marketing AssistantHanna MoosAustria
 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?