Grid - Virtualization

1OwnerHanna MoosBrazil
2OwnerHanna MoosAustria
3Marketing AssistantGeorg PippsFrance
4Sales AgentGeorg PippsGermany
5Sales AssociateGeorg PippsFrance
6Sales RepresentativeElizabeth LincolnBulgaria
7Sales AgentPaul HenriotFrance
8Sales AssociateElizabeth LincolnUSA
9Marketing ManagerPascale CartrainBulgaria
10Marketing ManagerHanna MoosEngland
11AccountantPascale CartrainItaly
12Sales RepresentativePatricio SimpsonItaly
13Marketing AssistantPatricio SimpsonBulgaria
14Marketing AssistantElizabeth LincolnItaly
15Sales ManagerHoward SnyderArgentina
16Sales ManagerPatricio SimpsonFrance
17Sales RepresentativePaul HenriotFrance
18AccountantAntonio MorenoEngland
19AccountantMatti KarttunenFrance
20Sales AssociateAntonio MorenoBulgaria
21Sales AssociateAntonio MorenoBrazil
22AccountantElizabeth LincolnSpain
23Marketing AssistantMatti KarttunenUSA
24Sales AssociateHoward SnyderUSA
25Sales ConsultantPascale CartrainEngland
26Accounting ManagerElizabeth LincolnAustria
27OwnerPascale CartrainBrazil
28OwnerPatricio SimpsonArgentina
29Sales ConsultantAntonio MorenoAustria
30Sales ManagerElizabeth LincolnItaly
31OwnerAntonio MorenoSpain
32Sales ManagerAntonio MorenoUSA
33AccountantPatricio SimpsonAustria
34Marketing ManagerHoward SnyderBrazil
35Sales ManagerAntonio MorenoBulgaria
36OwnerElizabeth LincolnBulgaria
37Marketing ManagerMatti KarttunenFrance
38Sales ConsultantJaime YorresAustria
39Sales RepresentativePatricio SimpsonBrazil
40OwnerHanna MoosAustria
41Accounting ManagerPascale CartrainSpain
42Sales ManagerHoward SnyderEngland
43AccountantPascale CartrainUSA
44Marketing AssistantHoward SnyderItaly
45Marketing ManagerAntonio MorenoUSA
46AccountantPascale CartrainArgentina
47Sales AssociateHoward SnyderItaly
48Marketing ManagerAntonio MorenoBulgaria
49Sales AgentGeorg PippsGermany
50Accounting ManagerPatricio SimpsonBrazil
51OwnerPascale CartrainEngland
52Accounting ManagerGeorg PippsBulgaria
53Marketing ManagerPatricio SimpsonItaly
54Sales ManagerPascale CartrainUSA
55AccountantHanna MoosAustria
56Accounting ManagerPaul HenriotEngland
57Sales AssociateElizabeth LincolnSpain
58Marketing ManagerGeorg PippsFrance
59Marketing AssistantGeorg PippsGermany
60Sales AssociateElizabeth LincolnEngland
61Sales ConsultantHanna MoosFrance
62Marketing ManagerElizabeth LincolnArgentina
63Marketing ManagerJaime YorresSpain
64Marketing ManagerMatti KarttunenItaly
65AccountantAntonio MorenoUSA
66Sales AgentPatricio SimpsonFrance
67Accounting ManagerHoward SnyderItaly
68Sales ConsultantElizabeth LincolnSpain
69Sales ConsultantElizabeth LincolnFrance
70Sales AgentJaime YorresArgentina
71OwnerAntonio MorenoGermany
72Marketing ManagerMatti KarttunenGermany
73OwnerJaime YorresBrazil
74Sales ManagerAntonio MorenoUSA
75Sales AgentGeorg PippsArgentina
76Marketing ManagerGeorg PippsSpain
77OwnerAntonio MorenoUSA
78Accounting ManagerPaul HenriotBrazil
79Sales ManagerHanna MoosEngland
80Marketing ManagerHoward SnyderBulgaria
81Sales RepresentativeHoward SnyderUSA
82Sales AssociateElizabeth LincolnGermany
83Marketing AssistantAntonio MorenoSpain
84Marketing ManagerPatricio SimpsonUSA
85Sales RepresentativeAntonio MorenoGermany
86Marketing ManagerGeorg PippsArgentina
87Sales ConsultantPatricio SimpsonGermany
88Sales RepresentativePaul HenriotBulgaria
89Marketing AssistantHoward SnyderItaly
90AccountantPascale CartrainFrance
91Sales AgentPatricio SimpsonItaly
92Marketing AssistantPascale CartrainItaly
93Marketing AssistantGeorg PippsAustria
94Sales AgentJaime YorresGermany
95AccountantMatti KarttunenFrance
96Sales AgentJaime YorresUSA
97AccountantJaime YorresUSA
98Marketing AssistantJaime YorresBulgaria
99Sales ManagerPascale CartrainBulgaria
100Sales ConsultantElizabeth LincolnAustria
 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?