Outlook skin

Grid - Virtualization

1Marketing ManagerJaime YorresAustria
2AccountantJaime YorresItaly
3AccountantHanna MoosBrazil
4AccountantPatricio SimpsonGermany
5Sales ManagerHoward SnyderSpain
6Sales RepresentativeAntonio MorenoBulgaria
7Sales RepresentativeGeorg PippsAustria
8Accounting ManagerPatricio SimpsonGermany
9Accounting ManagerElizabeth LincolnItaly
10Marketing AssistantAntonio MorenoAustria
11Sales AgentHanna MoosItaly
12Marketing AssistantElizabeth LincolnArgentina
13Marketing AssistantPaul HenriotUSA
14OwnerJaime YorresUSA
15Sales ManagerPascale CartrainBrazil
16Marketing ManagerHoward SnyderArgentina
17OwnerPascale CartrainFrance
18Marketing ManagerHanna MoosAustria
19Marketing AssistantPaul HenriotBulgaria
20Sales ConsultantElizabeth LincolnBrazil
21AccountantMatti KarttunenItaly
22Marketing AssistantHanna MoosItaly
23OwnerPaul HenriotSpain
24Marketing ManagerElizabeth LincolnItaly
25OwnerElizabeth LincolnFrance
26Sales ManagerPatricio SimpsonArgentina
27Sales ConsultantAntonio MorenoItaly
28Sales AssociatePatricio SimpsonFrance
29AccountantJaime YorresFrance
30Sales RepresentativeAntonio MorenoGermany
31Sales ManagerHanna MoosGermany
32Accounting ManagerJaime YorresSpain
33OwnerHanna MoosArgentina
34Sales AgentPatricio SimpsonFrance
35Sales ConsultantPaul HenriotEngland
36Accounting ManagerPaul HenriotEngland
37OwnerPaul HenriotUSA
38Marketing AssistantPascale CartrainFrance
39AccountantPascale CartrainUSA
40AccountantAntonio MorenoGermany
41Accounting ManagerPatricio SimpsonAustria
42Sales RepresentativeElizabeth LincolnBrazil
43Sales RepresentativeAntonio MorenoAustria
44Sales AssociatePatricio SimpsonArgentina
45Sales ManagerPaul HenriotSpain
46Sales ManagerMatti KarttunenGermany
47Marketing AssistantMatti KarttunenArgentina
48Sales ConsultantHanna MoosEngland
49Sales ConsultantPascale CartrainAustria
50Sales RepresentativeMatti KarttunenBulgaria
51Sales ManagerElizabeth LincolnFrance
52Marketing ManagerMatti KarttunenItaly
53Accounting ManagerGeorg PippsItaly
54Sales RepresentativeJaime YorresUSA
55AccountantHoward SnyderFrance
56Sales AgentElizabeth LincolnArgentina
57Sales ConsultantJaime YorresFrance
58Sales ConsultantAntonio MorenoSpain
59Sales AssociateMatti KarttunenSpain
60Accounting ManagerElizabeth LincolnSpain
61Marketing ManagerPascale CartrainFrance
62Accounting ManagerMatti KarttunenArgentina
63Sales RepresentativePatricio SimpsonArgentina
64AccountantMatti KarttunenArgentina
65OwnerGeorg PippsBulgaria
66OwnerGeorg PippsAustria
67Sales RepresentativeAntonio MorenoArgentina
68Sales AssociateJaime YorresAustria
69Sales ManagerElizabeth LincolnGermany
70Sales ManagerElizabeth LincolnBrazil
71Marketing ManagerPatricio SimpsonEngland
72Sales AssociateHanna MoosItaly
73OwnerPascale CartrainBulgaria
74Sales RepresentativeElizabeth LincolnEngland
75Marketing ManagerElizabeth LincolnFrance
76Sales ManagerGeorg PippsAustria
77Marketing AssistantPatricio SimpsonAustria
78OwnerPatricio SimpsonEngland
79Sales AssociateJaime YorresEngland
80Accounting ManagerGeorg PippsBulgaria
81Sales AgentGeorg PippsBulgaria
82Sales AssociateMatti KarttunenBrazil
83AccountantPascale CartrainItaly
84Accounting ManagerAntonio MorenoArgentina
85Sales AssociateHoward SnyderUSA
86Marketing ManagerHanna MoosAustria
87Sales AssociateMatti KarttunenBulgaria
88Marketing AssistantAntonio MorenoFrance
89AccountantGeorg PippsGermany
90Sales AssociatePatricio SimpsonSpain
91Sales ConsultantHanna MoosArgentina
92Marketing ManagerHanna MoosBulgaria
93OwnerElizabeth LincolnGermany
94OwnerPatricio SimpsonItaly
95Sales AgentPatricio SimpsonItaly
96AccountantMatti KarttunenBulgaria
97Sales ManagerMatti KarttunenUSA
98Sales RepresentativePaul HenriotGermany
99AccountantJaime YorresItaly
100Accounting ManagerPascale CartrainSpain
 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?