Simple skin

Grid - Virtualization

1Marketing AssistantPascale CartrainGermany
2AccountantPaul HenriotEngland
3Sales AssociateMatti KarttunenBulgaria
4AccountantPascale CartrainItaly
5Marketing ManagerGeorg PippsSpain
6AccountantGeorg PippsBrazil
7Marketing ManagerHoward SnyderUSA
8Sales AssociateElizabeth LincolnFrance
9Sales ManagerPatricio SimpsonBulgaria
10Accounting ManagerPascale CartrainAustria
11Sales RepresentativeHoward SnyderArgentina
12Sales AssociateJaime YorresUSA
13Sales AgentAntonio MorenoFrance
14Marketing AssistantHoward SnyderSpain
15Marketing ManagerPascale CartrainArgentina
16Sales ConsultantPascale CartrainGermany
17Sales RepresentativePatricio SimpsonUSA
18Sales ConsultantElizabeth LincolnBrazil
19Sales ManagerPascale CartrainArgentina
20Sales AssociateMatti KarttunenBulgaria
21Sales AgentJaime YorresAustria
22Accounting ManagerJaime YorresEngland
23Marketing AssistantGeorg PippsFrance
24Marketing AssistantHoward SnyderBulgaria
25Sales ConsultantMatti KarttunenUSA
26Sales AssociatePaul HenriotAustria
27Sales ManagerAntonio MorenoUSA
28AccountantGeorg PippsEngland
29OwnerHanna MoosBrazil
30Marketing ManagerPascale CartrainGermany
31Sales ConsultantJaime YorresSpain
32AccountantElizabeth LincolnFrance
33OwnerJaime YorresBulgaria
34AccountantPascale CartrainArgentina
35OwnerJaime YorresArgentina
36Sales ManagerJaime YorresItaly
37Sales AgentPascale CartrainItaly
38Sales AssociatePascale CartrainSpain
39Sales ManagerElizabeth LincolnUSA
40Accounting ManagerPascale CartrainEngland
41AccountantJaime YorresSpain
42Accounting ManagerElizabeth LincolnItaly
43Sales AssociateHoward SnyderArgentina
44Marketing ManagerHoward SnyderArgentina
45OwnerPascale CartrainUSA
46Sales AgentPatricio SimpsonBrazil
47Sales AgentHoward SnyderAustria
48Sales ManagerJaime YorresFrance
49Sales RepresentativePaul HenriotEngland
50OwnerPascale CartrainUSA
51AccountantPatricio SimpsonFrance
52AccountantAntonio MorenoBrazil
53Sales AssociateJaime YorresSpain
54Sales AssociateHanna MoosFrance
55Accounting ManagerGeorg PippsGermany
56Sales RepresentativeHoward SnyderItaly
57AccountantHoward SnyderEngland
58Sales AssociateElizabeth LincolnBulgaria
59Accounting ManagerPascale CartrainItaly
60Sales RepresentativeGeorg PippsUSA
61Sales AgentElizabeth LincolnAustria
62Sales ManagerPaul HenriotEngland
63Sales ManagerPascale CartrainEngland
64Sales ConsultantHoward SnyderFrance
65Sales AgentJaime YorresAustria
66Sales ConsultantPaul HenriotBrazil
67Sales ManagerPascale CartrainAustria
68Sales ConsultantElizabeth LincolnBrazil
69OwnerHoward SnyderEngland
70Accounting ManagerElizabeth LincolnArgentina
71Sales ManagerMatti KarttunenSpain
72OwnerJaime YorresItaly
73AccountantElizabeth LincolnBulgaria
74Sales ManagerGeorg PippsBrazil
75Sales AgentMatti KarttunenItaly
76AccountantHanna MoosGermany
77Sales ManagerPaul HenriotAustria
78AccountantHoward SnyderEngland
79Sales RepresentativePascale CartrainFrance
80Sales RepresentativeAntonio MorenoBrazil
81Sales AssociateHoward SnyderUSA
82Sales AssociateAntonio MorenoBrazil
83Sales ConsultantAntonio MorenoArgentina
84Sales AssociatePascale CartrainUSA
85Sales ManagerHoward SnyderItaly
86AccountantHanna MoosFrance
87Marketing AssistantGeorg PippsAustria
88AccountantJaime YorresFrance
89Marketing ManagerMatti KarttunenItaly
90Marketing AssistantPascale CartrainItaly
91Sales ConsultantAntonio MorenoSpain
92Sales AgentPascale CartrainSpain
93Sales ManagerGeorg PippsBrazil
94Sales AgentGeorg PippsItaly
95Sales ConsultantMatti KarttunenUSA
96Sales ConsultantMatti KarttunenUSA
97AccountantPaul HenriotBulgaria
98Accounting ManagerGeorg PippsBulgaria
99Sales ManagerMatti KarttunenGermany
100Sales RepresentativePaul HenriotSpain
 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?