Web20 skin

Grid - Virtualization

1OwnerPaul HenriotBulgaria
2Marketing ManagerAntonio MorenoBrazil
3Marketing AssistantPascale CartrainBulgaria
4Marketing ManagerGeorg PippsArgentina
5Sales ConsultantElizabeth LincolnBulgaria
6Accounting ManagerPaul HenriotBulgaria
7Sales ConsultantHoward SnyderArgentina
8Accounting ManagerPatricio SimpsonBrazil
9Sales ConsultantGeorg PippsBrazil
10AccountantPatricio SimpsonEngland
11Marketing AssistantGeorg PippsUSA
12Sales ConsultantPaul HenriotItaly
13Marketing AssistantAntonio MorenoArgentina
14Marketing AssistantHoward SnyderUSA
15Marketing ManagerPatricio SimpsonFrance
16Sales ManagerJaime YorresFrance
17Sales AssociateJaime YorresBulgaria
18Sales RepresentativePatricio SimpsonEngland
19AccountantPatricio SimpsonItaly
20Sales ManagerHoward SnyderBrazil
21Marketing AssistantPatricio SimpsonEngland
22Marketing ManagerHanna MoosArgentina
23AccountantHoward SnyderBulgaria
24Sales AssociatePatricio SimpsonGermany
25Sales AssociateGeorg PippsAustria
26Accounting ManagerHoward SnyderBulgaria
27Sales ManagerGeorg PippsFrance
28Sales ConsultantGeorg PippsBulgaria
29Accounting ManagerPatricio SimpsonGermany
30Sales ConsultantPaul HenriotBulgaria
31Sales ConsultantGeorg PippsGermany
32AccountantPaul HenriotArgentina
33AccountantGeorg PippsUSA
34Sales AgentPaul HenriotAustria
35Sales RepresentativeElizabeth LincolnItaly
36Marketing AssistantPascale CartrainUSA
37OwnerAntonio MorenoAustria
38Sales RepresentativePatricio SimpsonArgentina
39Accounting ManagerMatti KarttunenFrance
40Sales AssociatePatricio SimpsonUSA
41Sales AssociatePascale CartrainItaly
42Sales ManagerHoward SnyderGermany
43AccountantAntonio MorenoAustria
44Sales RepresentativeHoward SnyderEngland
45AccountantHoward SnyderGermany
46Sales AssociateJaime YorresGermany
47Marketing AssistantMatti KarttunenBulgaria
48Sales ConsultantPaul HenriotBrazil
49Sales ManagerHoward SnyderItaly
50Sales ManagerMatti KarttunenEngland
51Accounting ManagerJaime YorresSpain
52Sales AgentJaime YorresBulgaria
53Sales AgentPatricio SimpsonBulgaria
54Marketing ManagerPascale CartrainUSA
55Sales AgentPatricio SimpsonBrazil
56Sales ConsultantPatricio SimpsonFrance
57Sales AgentGeorg PippsItaly
58Sales AgentMatti KarttunenFrance
59Marketing ManagerElizabeth LincolnAustria
60Marketing AssistantAntonio MorenoBrazil
61Sales AssociateGeorg PippsBulgaria
62Sales RepresentativePascale CartrainFrance
63Sales AgentPascale CartrainFrance
64Accounting ManagerHanna MoosFrance
65Sales AssociateHoward SnyderItaly
66Marketing ManagerAntonio MorenoBrazil
67Sales ManagerMatti KarttunenBrazil
68Sales AssociateHanna MoosUSA
69Sales AgentMatti KarttunenGermany
70Sales AssociateGeorg PippsGermany
71Sales ManagerElizabeth LincolnGermany
72Marketing ManagerHanna MoosBulgaria
73Sales ConsultantHanna MoosGermany
74Sales ManagerGeorg PippsItaly
75Marketing ManagerPaul HenriotArgentina
76Marketing AssistantGeorg PippsBulgaria
77Marketing AssistantAntonio MorenoAustria
78Sales AssociateMatti KarttunenBulgaria
79AccountantElizabeth LincolnBulgaria
80Sales AgentGeorg PippsFrance
81Sales ConsultantGeorg PippsGermany
82AccountantAntonio MorenoGermany
83Marketing AssistantPaul HenriotBulgaria
84Marketing ManagerPascale CartrainSpain
85AccountantHanna MoosEngland
86Sales RepresentativeJaime YorresUSA
87Sales AssociatePascale CartrainAustria
88Marketing ManagerAntonio MorenoBulgaria
89AccountantPaul HenriotBrazil
90OwnerAntonio MorenoGermany
91Sales ConsultantJaime YorresArgentina
92Sales AgentGeorg PippsBulgaria
93OwnerHanna MoosSpain
94Sales RepresentativePatricio SimpsonGermany
95Sales RepresentativeGeorg PippsBulgaria
96Sales RepresentativeJaime YorresFrance
97Sales ManagerJaime YorresBulgaria
98Marketing AssistantPascale CartrainBrazil
99Accounting ManagerHanna MoosArgentina
100Marketing AssistantJaime 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?