Grid - Virtualization

1OwnerPascale CartrainSpain
2Sales ConsultantPaul HenriotAustria
3Marketing ManagerHoward SnyderFrance
4OwnerJaime YorresBrazil
5Sales AgentAntonio MorenoGermany
6Sales AssociateJaime YorresSpain
7Marketing AssistantAntonio MorenoAustria
8Sales ConsultantAntonio MorenoUSA
9OwnerMatti KarttunenSpain
10Accounting ManagerElizabeth LincolnGermany
11AccountantHoward SnyderEngland
12Sales RepresentativeAntonio MorenoEngland
13AccountantElizabeth LincolnAustria
14AccountantHoward SnyderBrazil
15Sales AssociateGeorg PippsBulgaria
16Sales AssociateAntonio MorenoItaly
17Accounting ManagerPaul HenriotBrazil
18Sales AssociatePascale CartrainArgentina
19OwnerMatti KarttunenAustria
20Marketing ManagerAntonio MorenoBulgaria
21Sales AgentPaul HenriotSpain
22Sales AgentPaul HenriotUSA
23AccountantMatti KarttunenSpain
24Sales AssociateHanna MoosUSA
25Marketing ManagerMatti KarttunenGermany
26OwnerAntonio MorenoGermany
27OwnerPascale CartrainSpain
28Marketing AssistantHoward SnyderEngland
29Sales RepresentativePaul HenriotBrazil
30Marketing ManagerPatricio SimpsonFrance
31Accounting ManagerJaime YorresGermany
32AccountantAntonio MorenoEngland
33Sales AgentPascale CartrainBrazil
34Sales ConsultantMatti KarttunenArgentina
35Sales AgentPascale CartrainEngland
36OwnerPaul HenriotArgentina
37OwnerPascale CartrainItaly
38Sales AgentElizabeth LincolnBulgaria
39OwnerPascale CartrainBulgaria
40Sales ConsultantAntonio MorenoSpain
41Sales ConsultantElizabeth LincolnGermany
42OwnerElizabeth LincolnArgentina
43Sales ManagerElizabeth LincolnUSA
44Sales RepresentativeHanna MoosEngland
45Sales RepresentativeAntonio MorenoAustria
46Marketing AssistantJaime YorresItaly
47Accounting ManagerHanna MoosEngland
48Sales AssociateHoward SnyderBulgaria
49Sales ManagerHanna MoosAustria
50Sales AssociateAntonio MorenoItaly
51Sales AssociatePatricio SimpsonArgentina
52Marketing AssistantMatti KarttunenGermany
53Marketing AssistantHanna MoosBulgaria
54Sales ConsultantGeorg PippsBrazil
55Sales ConsultantPascale CartrainBrazil
56AccountantHoward SnyderFrance
57Sales ManagerPascale CartrainGermany
58Sales RepresentativePaul HenriotEngland
59Sales AssociatePascale CartrainBulgaria
60OwnerAntonio MorenoItaly
61Accounting ManagerAntonio MorenoGermany
62Sales RepresentativeHanna MoosItaly
63OwnerPascale CartrainEngland
64Sales RepresentativeGeorg PippsBrazil
65Sales AgentPaul HenriotGermany
66Marketing AssistantElizabeth LincolnGermany
67Marketing AssistantElizabeth LincolnAustria
68OwnerMatti KarttunenBrazil
69Sales ManagerMatti KarttunenFrance
70Sales RepresentativeHanna MoosItaly
71Sales AssociateGeorg PippsAustria
72Marketing ManagerElizabeth LincolnGermany
73Sales RepresentativeJaime YorresItaly
74OwnerAntonio MorenoFrance
75Sales AgentPascale CartrainSpain
76Sales ConsultantHanna MoosBrazil
77Marketing ManagerPascale CartrainAustria
78Sales ManagerJaime YorresAustria
79Sales AgentHanna MoosItaly
80Sales AssociateGeorg PippsItaly
81AccountantElizabeth LincolnSpain
82Sales ManagerPatricio SimpsonUSA
83Sales ConsultantAntonio MorenoGermany
84Sales ConsultantElizabeth LincolnSpain
85Sales ConsultantMatti KarttunenArgentina
86Sales AgentHoward SnyderEngland
87Marketing AssistantPascale CartrainFrance
88Marketing ManagerAntonio MorenoItaly
89Sales ConsultantGeorg PippsItaly
90Sales AgentMatti KarttunenGermany
91Sales ManagerJaime YorresGermany
92Sales ConsultantPascale CartrainBrazil
93OwnerPaul HenriotFrance
94Sales RepresentativeJaime YorresArgentina
95Marketing ManagerElizabeth LincolnUSA
96Sales RepresentativePascale CartrainUSA
97Sales AgentPaul HenriotBrazil
98Accounting ManagerMatti KarttunenBrazil
99Sales AssociateElizabeth LincolnBrazil
100Marketing ManagerJaime YorresUSA
 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?