Glow skin

Grid - Virtualization

1Sales AgentPascale CartrainEngland
2Marketing ManagerAntonio MorenoGermany
3Accounting ManagerHanna MoosArgentina
4Marketing AssistantAntonio MorenoGermany
5AccountantElizabeth LincolnFrance
6Accounting ManagerHanna MoosItaly
7Accounting ManagerPascale CartrainEngland
8Sales RepresentativePascale CartrainArgentina
9AccountantMatti KarttunenUSA
10OwnerPaul HenriotBrazil
11AccountantElizabeth LincolnGermany
12Marketing AssistantHoward SnyderSpain
13Sales AssociateHanna MoosItaly
14Accounting ManagerMatti KarttunenBulgaria
15Sales AssociateGeorg PippsItaly
16Accounting ManagerElizabeth LincolnItaly
17Sales AssociateMatti KarttunenEngland
18Sales AssociateGeorg PippsEngland
19Sales ConsultantAntonio MorenoAustria
20OwnerElizabeth LincolnAustria
21Sales RepresentativeHoward SnyderArgentina
22Marketing AssistantHoward SnyderBrazil
23Sales ManagerMatti KarttunenFrance
24OwnerGeorg PippsBulgaria
25Sales RepresentativePascale CartrainSpain
26Sales AssociateMatti KarttunenBrazil
27Sales ConsultantElizabeth LincolnFrance
28Sales RepresentativePascale CartrainAustria
29Sales RepresentativeAntonio MorenoBrazil
30Marketing ManagerPaul HenriotFrance
31Sales AgentMatti KarttunenSpain
32AccountantAntonio MorenoAustria
33OwnerHanna MoosSpain
34OwnerMatti KarttunenEngland
35Accounting ManagerHanna MoosBrazil
36AccountantAntonio MorenoSpain
37Sales ConsultantElizabeth LincolnEngland
38OwnerElizabeth LincolnSpain
39Sales RepresentativePascale CartrainFrance
40Sales AgentPaul HenriotBulgaria
41Marketing AssistantPaul HenriotSpain
42Sales ManagerElizabeth LincolnBulgaria
43Sales ManagerPascale CartrainItaly
44OwnerJaime YorresAustria
45Sales RepresentativePaul HenriotSpain
46Sales AssociatePascale CartrainEngland
47Marketing ManagerMatti KarttunenSpain
48Sales AgentAntonio MorenoBrazil
49Sales ManagerPatricio SimpsonUSA
50Accounting ManagerElizabeth LincolnItaly
51Sales AgentMatti KarttunenBrazil
52Sales AssociatePascale CartrainEngland
53Sales RepresentativeJaime YorresBulgaria
54Marketing AssistantJaime YorresSpain
55Marketing AssistantPaul HenriotBrazil
56Sales RepresentativePascale CartrainGermany
57OwnerHoward SnyderBulgaria
58Sales AssociatePaul HenriotFrance
59Sales ManagerElizabeth LincolnUSA
60Sales AssociateJaime YorresUSA
61Accounting ManagerHanna MoosItaly
62Sales ManagerPascale CartrainUSA
63Sales RepresentativePascale CartrainUSA
64Sales ConsultantHanna MoosArgentina
65Sales AgentPatricio SimpsonUSA
66Sales AssociateMatti KarttunenArgentina
67AccountantMatti KarttunenItaly
68Marketing AssistantPascale CartrainEngland
69OwnerPascale CartrainAustria
70Sales RepresentativePatricio SimpsonGermany
71AccountantPatricio SimpsonArgentina
72Sales ConsultantPatricio SimpsonBulgaria
73Sales AgentAntonio MorenoAustria
74Sales ConsultantHoward SnyderFrance
75Sales AgentPascale CartrainAustria
76Sales AgentMatti KarttunenFrance
77Sales RepresentativeHoward SnyderItaly
78Marketing ManagerPascale CartrainArgentina
79Marketing AssistantPascale CartrainBulgaria
80OwnerAntonio MorenoItaly
81Sales ConsultantHoward SnyderUSA
82Sales ManagerPatricio SimpsonItaly
83Sales AgentHoward SnyderItaly
84Marketing ManagerPascale CartrainAustria
85Sales AssociateHanna MoosFrance
86Marketing ManagerPatricio SimpsonEngland
87Sales AgentPatricio SimpsonBrazil
88OwnerHanna MoosSpain
89Sales RepresentativeElizabeth LincolnUSA
90OwnerJaime YorresBulgaria
91Accounting ManagerHoward SnyderBulgaria
92OwnerHoward SnyderUSA
93Accounting ManagerElizabeth LincolnAustria
94Sales AgentMatti KarttunenBulgaria
95OwnerGeorg PippsSpain
96Sales ConsultantHoward SnyderUSA
97Sales AssociatePatricio SimpsonSpain
98Marketing AssistantGeorg PippsGermany
99Marketing ManagerJaime YorresBulgaria
100Marketing ManagerHoward SnyderArgentina
 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?