Grid - Virtualization

1Accounting ManagerPatricio SimpsonBulgaria
2OwnerPaul HenriotAustria
3Sales AgentGeorg PippsEngland
4OwnerMatti KarttunenFrance
5OwnerHoward SnyderUSA
6Marketing AssistantPaul HenriotFrance
7Marketing AssistantMatti KarttunenFrance
8AccountantHanna MoosAustria
9Sales AgentGeorg PippsBulgaria
10AccountantHoward SnyderFrance
11Sales ManagerAntonio MorenoBulgaria
12Sales ManagerHoward SnyderBrazil
13Marketing ManagerPascale CartrainAustria
14Sales ConsultantHanna MoosArgentina
15Sales ManagerMatti KarttunenArgentina
16Sales AgentGeorg PippsSpain
17Sales AgentMatti KarttunenGermany
18Sales AssociateJaime YorresBulgaria
19Sales AgentPatricio SimpsonAustria
20Sales RepresentativeElizabeth LincolnAustria
21Accounting ManagerElizabeth LincolnBulgaria
22Sales ManagerPaul HenriotEngland
23Sales ConsultantAntonio MorenoAustria
24AccountantPascale CartrainFrance
25OwnerMatti KarttunenItaly
26Sales ManagerMatti KarttunenBulgaria
27Sales ConsultantElizabeth LincolnGermany
28Accounting ManagerGeorg PippsEngland
29Sales AgentPatricio SimpsonAustria
30AccountantJaime YorresBulgaria
31OwnerGeorg PippsEngland
32Accounting ManagerPaul HenriotEngland
33Accounting ManagerMatti KarttunenBrazil
34Sales ManagerPaul HenriotArgentina
35Sales ManagerPascale CartrainGermany
36AccountantJaime YorresAustria
37Sales ConsultantHanna MoosArgentina
38AccountantHoward SnyderBrazil
39Marketing ManagerPascale CartrainArgentina
40Sales RepresentativeJaime YorresItaly
41Marketing ManagerGeorg PippsEngland
42Accounting ManagerHanna MoosArgentina
43OwnerJaime YorresItaly
44Sales RepresentativePatricio SimpsonEngland
45AccountantMatti KarttunenSpain
46OwnerJaime YorresBulgaria
47Sales AssociateJaime YorresEngland
48Marketing ManagerJaime YorresBrazil
49Sales ConsultantJaime YorresBulgaria
50OwnerElizabeth LincolnBulgaria
51Accounting ManagerGeorg PippsEngland
52Marketing ManagerHanna MoosUSA
53Accounting ManagerPaul HenriotAustria
54Sales ConsultantMatti KarttunenBrazil
55Marketing ManagerAntonio MorenoItaly
56Sales AgentMatti KarttunenAustria
57AccountantPascale CartrainItaly
58OwnerElizabeth LincolnEngland
59Accounting ManagerPaul HenriotFrance
60Marketing AssistantMatti KarttunenSpain
61OwnerHanna MoosBulgaria
62Sales AgentHanna MoosBulgaria
63Sales RepresentativeAntonio MorenoSpain
64Marketing AssistantAntonio MorenoEngland
65AccountantJaime YorresUSA
66Sales RepresentativeJaime YorresUSA
67Marketing ManagerHoward SnyderFrance
68Sales AssociateGeorg PippsSpain
69Marketing AssistantAntonio MorenoSpain
70Sales AgentGeorg PippsFrance
71Marketing AssistantPatricio SimpsonBulgaria
72Sales ConsultantElizabeth LincolnItaly
73Marketing AssistantElizabeth LincolnGermany
74Accounting ManagerAntonio MorenoEngland
75Accounting ManagerMatti KarttunenEngland
76Sales AgentHanna MoosArgentina
77Sales ManagerPascale CartrainUSA
78AccountantHanna MoosBrazil
79AccountantMatti KarttunenSpain
80Accounting ManagerJaime YorresGermany
81Sales RepresentativeJaime YorresSpain
82OwnerPatricio SimpsonEngland
83Sales ManagerHanna MoosSpain
84Sales AgentPatricio SimpsonUSA
85Marketing AssistantAntonio MorenoArgentina
86Accounting ManagerElizabeth LincolnArgentina
87Accounting ManagerGeorg PippsGermany
88OwnerPascale CartrainItaly
89Sales AssociateMatti KarttunenAustria
90AccountantPaul HenriotItaly
91Marketing AssistantAntonio MorenoBulgaria
92Sales RepresentativePaul HenriotBulgaria
93Sales ManagerAntonio MorenoArgentina
94Sales ManagerJaime YorresAustria
95Marketing AssistantMatti KarttunenBrazil
96Sales ManagerPascale CartrainItaly
97Sales AssociateGeorg PippsGermany
98OwnerAntonio MorenoBrazil
99Accounting ManagerGeorg PippsSpain
100OwnerGeorg PippsItaly
 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?