Office2010Silver skin

Grid - Virtualization

1AccountantPaul HenriotArgentina
2Sales ManagerHoward SnyderAustria
3Sales AssociateHanna MoosUSA
4Marketing ManagerPatricio SimpsonFrance
5Marketing AssistantJaime YorresGermany
6Marketing ManagerHanna MoosUSA
7Accounting ManagerElizabeth LincolnBrazil
8Sales AgentGeorg PippsUSA
9Marketing AssistantElizabeth LincolnBrazil
10Accounting ManagerMatti KarttunenBrazil
11Marketing AssistantElizabeth LincolnBulgaria
12Marketing AssistantPaul HenriotArgentina
13Sales AgentPatricio SimpsonArgentina
14Sales ConsultantPascale CartrainSpain
15Sales AssociateElizabeth LincolnEngland
16Sales ConsultantAntonio MorenoItaly
17Sales ManagerPatricio SimpsonUSA
18Sales RepresentativeHanna MoosItaly
19AccountantAntonio MorenoSpain
20Marketing AssistantPaul HenriotSpain
21Sales ConsultantHanna MoosGermany
22Sales AgentJaime YorresSpain
23Sales ConsultantAntonio MorenoUSA
24Sales RepresentativeGeorg PippsBulgaria
25Accounting ManagerPatricio SimpsonBrazil
26Sales AssociateJaime YorresEngland
27OwnerJaime YorresArgentina
28Sales ConsultantJaime YorresSpain
29Sales AssociateElizabeth LincolnArgentina
30AccountantJaime YorresGermany
31Sales ConsultantPascale CartrainBulgaria
32Sales AgentElizabeth LincolnSpain
33Marketing ManagerElizabeth LincolnEngland
34AccountantPaul HenriotBulgaria
35AccountantJaime YorresSpain
36Marketing AssistantAntonio MorenoFrance
37Marketing ManagerPaul HenriotItaly
38OwnerHoward SnyderItaly
39AccountantPatricio SimpsonSpain
40Sales ManagerPascale CartrainItaly
41Sales AgentPascale CartrainUSA
42Sales AgentAntonio MorenoBulgaria
43Marketing ManagerJaime YorresAustria
44Sales ConsultantPatricio SimpsonFrance
45Sales ConsultantHanna MoosUSA
46AccountantMatti KarttunenUSA
47Sales ManagerAntonio MorenoArgentina
48Accounting ManagerHoward SnyderSpain
49Marketing AssistantGeorg PippsItaly
50Marketing AssistantGeorg PippsUSA
51Sales ManagerJaime YorresGermany
52Sales AssociatePatricio SimpsonAustria
53Marketing ManagerAntonio MorenoAustria
54Marketing AssistantHanna MoosGermany
55OwnerPaul HenriotFrance
56Marketing ManagerElizabeth LincolnUSA
57Sales AgentPaul HenriotArgentina
58Sales AssociateElizabeth LincolnAustria
59Sales RepresentativeHoward SnyderAustria
60Accounting ManagerAntonio MorenoUSA
61Marketing ManagerPaul HenriotBrazil
62OwnerAntonio MorenoGermany
63Marketing ManagerPatricio SimpsonBulgaria
64Accounting ManagerElizabeth LincolnFrance
65Accounting ManagerMatti KarttunenBulgaria
66Sales ConsultantHoward SnyderSpain
67Sales AgentHoward SnyderUSA
68Marketing AssistantElizabeth LincolnSpain
69Accounting ManagerAntonio MorenoAustria
70Sales AssociateMatti KarttunenGermany
71Sales ConsultantPascale CartrainEngland
72Sales ManagerJaime YorresArgentina
73Sales ManagerHanna MoosUSA
74Sales RepresentativeHoward SnyderBulgaria
75OwnerHanna MoosAustria
76Sales AgentPatricio SimpsonArgentina
77Sales RepresentativePascale CartrainUSA
78Sales ConsultantPatricio SimpsonArgentina
79Sales ConsultantJaime YorresItaly
80Marketing AssistantElizabeth LincolnArgentina
81Sales ConsultantHanna MoosArgentina
82Sales AssociateHoward SnyderBulgaria
83Accounting ManagerPascale CartrainBulgaria
84Sales RepresentativeMatti KarttunenGermany
85Marketing ManagerPatricio SimpsonAustria
86Sales AssociateHoward SnyderAustria
87Sales RepresentativeAntonio MorenoEngland
88Marketing ManagerElizabeth LincolnBrazil
89Accounting ManagerHoward SnyderBrazil
90OwnerMatti KarttunenFrance
91AccountantAntonio MorenoSpain
92Accounting ManagerJaime YorresEngland
93Marketing AssistantMatti KarttunenBrazil
94Sales ConsultantPaul HenriotGermany
95AccountantPatricio SimpsonItaly
96Marketing AssistantMatti KarttunenEngland
97Marketing AssistantPaul HenriotBulgaria
98Sales ConsultantPatricio SimpsonSpain
99Sales AgentHoward SnyderItaly
100Accounting ManagerHanna MoosSpain
 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,.
  • DefaultVB.aspx
  • DefaultVB.aspx.vb
  • styles.css
<%@ Page Language="vb" AutoEventWireup="false" CodeFile="DefaultVB.aspx.vb" Inherits="Telerik.GridExamplesVBNET.Performance.Virtualization.DefaultVB" %>

<%@ 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?