Windows7 skin

Grid - Virtualization

1Sales ManagerGeorg PippsGermany
2OwnerPaul HenriotGermany
3Sales ConsultantPatricio SimpsonSpain
4Sales AgentPascale CartrainBrazil
5Marketing ManagerPascale CartrainSpain
6Sales RepresentativePatricio SimpsonBrazil
7Sales ConsultantGeorg PippsBulgaria
8Sales ConsultantPascale CartrainEngland
9OwnerPascale CartrainArgentina
10Marketing AssistantPaul HenriotEngland
11Sales ConsultantElizabeth LincolnAustria
12Marketing ManagerElizabeth LincolnBulgaria
13Sales AgentPaul HenriotAustria
14Marketing ManagerPaul HenriotUSA
15AccountantPascale CartrainGermany
16Accounting ManagerAntonio MorenoArgentina
17Sales AssociateJaime YorresSpain
18Sales AssociateGeorg PippsGermany
19Accounting ManagerPascale CartrainGermany
20Sales ManagerHoward SnyderArgentina
21AccountantElizabeth LincolnGermany
22Sales ManagerElizabeth LincolnGermany
23OwnerGeorg PippsArgentina
24Accounting ManagerGeorg PippsUSA
25Marketing AssistantPaul HenriotAustria
26Marketing AssistantPascale CartrainEngland
27OwnerMatti KarttunenItaly
28Sales ManagerHoward SnyderItaly
29AccountantAntonio MorenoArgentina
30OwnerElizabeth LincolnItaly
31AccountantPascale CartrainArgentina
32Sales ConsultantHoward SnyderGermany
33Marketing ManagerMatti KarttunenSpain
34Accounting ManagerPaul HenriotUSA
35Sales AssociatePascale CartrainSpain
36Marketing ManagerHanna MoosFrance
37Sales ManagerGeorg PippsArgentina
38Accounting ManagerPatricio SimpsonArgentina
39Sales ConsultantJaime YorresBrazil
40Sales ManagerElizabeth LincolnBulgaria
41Sales AgentElizabeth LincolnBulgaria
42Sales AgentPascale CartrainArgentina
43OwnerPaul HenriotFrance
44Marketing AssistantMatti KarttunenBulgaria
45Sales RepresentativeGeorg PippsBulgaria
46Sales ConsultantHanna MoosItaly
47Sales AssociateMatti KarttunenGermany
48AccountantElizabeth LincolnItaly
49Sales RepresentativeElizabeth LincolnSpain
50Accounting ManagerPascale CartrainBrazil
51Sales AgentElizabeth LincolnItaly
52Sales AssociateAntonio MorenoSpain
53Sales AssociatePascale CartrainEngland
54OwnerPaul HenriotArgentina
55OwnerAntonio MorenoBrazil
56Sales AssociateElizabeth LincolnUSA
57Marketing ManagerGeorg PippsSpain
58Sales ManagerHanna MoosSpain
59Marketing AssistantElizabeth LincolnBulgaria
60Sales AgentPatricio SimpsonAustria
61Sales AssociateMatti KarttunenBulgaria
62Accounting ManagerPascale CartrainGermany
63OwnerElizabeth LincolnAustria
64Sales ConsultantHoward SnyderBulgaria
65Sales ConsultantAntonio MorenoArgentina
66OwnerPascale CartrainAustria
67Sales AssociatePaul HenriotBulgaria
68AccountantPatricio SimpsonGermany
69AccountantMatti KarttunenEngland
70Sales AgentHanna MoosSpain
71Sales ConsultantMatti KarttunenItaly
72Sales ConsultantGeorg PippsGermany
73Sales ConsultantHanna MoosSpain
74Sales AgentGeorg PippsGermany
75Sales AgentPaul HenriotFrance
76Marketing ManagerGeorg PippsItaly
77Sales ManagerPascale CartrainUSA
78Sales RepresentativeElizabeth LincolnSpain
79Sales AssociatePatricio SimpsonAustria
80OwnerGeorg PippsBulgaria
81Sales RepresentativePaul HenriotBrazil
82Sales ManagerHoward SnyderBrazil
83Sales ManagerJaime YorresFrance
84Sales ConsultantPatricio SimpsonArgentina
85Marketing AssistantElizabeth LincolnSpain
86Marketing AssistantHoward SnyderItaly
87Sales ConsultantJaime YorresFrance
88Marketing ManagerPatricio SimpsonGermany
89Sales AssociateMatti KarttunenItaly
90Marketing AssistantPascale CartrainItaly
91Sales AssociatePascale CartrainBrazil
92Sales ManagerHoward SnyderBrazil
93Sales RepresentativeHoward SnyderSpain
94AccountantHanna MoosFrance
95Sales AssociateGeorg PippsAustria
96Marketing AssistantPatricio SimpsonArgentina
97Sales AssociateJaime YorresBulgaria
98Marketing AssistantPascale CartrainBulgaria
99Accounting ManagerJaime YorresBulgaria
100Sales AssociateMatti KarttunenEngland
 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?