Office2010Black skin

Grid - Virtualization

1Sales RepresentativeHoward SnyderSpain
2Sales RepresentativeElizabeth LincolnAustria
3Marketing AssistantJaime YorresItaly
4Accounting ManagerHanna MoosEngland
5Accounting ManagerHoward SnyderBrazil
6Sales AssociateHanna MoosEngland
7Sales AgentPatricio SimpsonUSA
8Sales AssociateMatti KarttunenAustria
9Sales ConsultantMatti KarttunenUSA
10Sales AssociatePascale CartrainBulgaria
11Marketing ManagerPatricio SimpsonBrazil
12Sales ManagerPascale CartrainFrance
13Sales AgentHanna MoosBrazil
14Accounting ManagerMatti KarttunenBulgaria
15Marketing AssistantJaime YorresBrazil
16Sales RepresentativeJaime YorresGermany
17Sales ConsultantPatricio SimpsonFrance
18AccountantElizabeth LincolnGermany
19Sales RepresentativeGeorg PippsBrazil
20Sales AgentPatricio SimpsonEngland
21OwnerHoward SnyderBrazil
22OwnerHanna MoosUSA
23OwnerPatricio SimpsonBrazil
24AccountantJaime YorresEngland
25Marketing AssistantElizabeth LincolnItaly
26Sales AgentHanna MoosAustria
27Sales ManagerGeorg PippsArgentina
28Sales ConsultantMatti KarttunenUSA
29AccountantElizabeth LincolnSpain
30Sales AssociateGeorg PippsEngland
31Marketing ManagerMatti KarttunenAustria
32Sales AssociateHoward SnyderAustria
33Sales ConsultantJaime YorresArgentina
34OwnerJaime YorresSpain
35Sales ConsultantGeorg PippsArgentina
36AccountantHanna MoosGermany
37Sales AgentElizabeth LincolnEngland
38Marketing AssistantJaime YorresEngland
39AccountantJaime YorresGermany
40OwnerPaul HenriotEngland
41Sales RepresentativePaul HenriotBrazil
42Sales AgentAntonio MorenoGermany
43AccountantPatricio SimpsonBulgaria
44AccountantPascale CartrainArgentina
45Sales AssociateJaime YorresBrazil
46Sales RepresentativeAntonio MorenoAustria
47Sales AssociatePaul HenriotBrazil
48Sales ManagerHoward SnyderBulgaria
49Sales AgentElizabeth LincolnGermany
50Sales AgentPascale CartrainItaly
51Marketing AssistantPaul HenriotUSA
52OwnerAntonio MorenoUSA
53Sales RepresentativePaul HenriotAustria
54Accounting ManagerHanna MoosAustria
55Accounting ManagerGeorg PippsUSA
56Sales ConsultantHoward SnyderAustria
57AccountantHoward SnyderAustria
58Sales ConsultantHoward SnyderGermany
59OwnerMatti KarttunenItaly
60Marketing ManagerElizabeth LincolnItaly
61Marketing ManagerGeorg PippsFrance
62Sales ManagerHoward SnyderGermany
63Accounting ManagerAntonio MorenoSpain
64AccountantHanna MoosUSA
65AccountantAntonio MorenoEngland
66Sales RepresentativeGeorg PippsUSA
67OwnerMatti KarttunenEngland
68Marketing ManagerAntonio MorenoItaly
69Sales AgentPaul HenriotBrazil
70Sales ManagerMatti KarttunenAustria
71Sales AssociatePaul HenriotAustria
72Sales AssociatePaul HenriotAustria
73Marketing AssistantJaime YorresSpain
74Sales AgentMatti KarttunenSpain
75Sales AgentJaime YorresArgentina
76OwnerElizabeth LincolnBulgaria
77Accounting ManagerPaul HenriotBrazil
78Sales AgentHoward SnyderItaly
79Sales ConsultantPaul HenriotItaly
80Marketing AssistantElizabeth LincolnAustria
81Sales RepresentativePascale CartrainBulgaria
82Sales ConsultantPatricio SimpsonFrance
83Sales AssociatePatricio SimpsonArgentina
84Sales AgentHanna MoosItaly
85OwnerHoward SnyderUSA
86Sales AssociateHanna MoosArgentina
87Sales AgentGeorg PippsBrazil
88Accounting ManagerJaime YorresSpain
89AccountantMatti KarttunenBulgaria
90Marketing AssistantPascale CartrainAustria
91Marketing ManagerHoward SnyderFrance
92Marketing AssistantAntonio MorenoArgentina
93Sales ConsultantGeorg PippsGermany
94Sales ManagerHanna MoosBulgaria
95Sales AgentElizabeth LincolnAustria
96Marketing ManagerHanna MoosUSA
97Sales AssociateGeorg PippsArgentina
98Sales ManagerElizabeth LincolnBrazil
99Sales ManagerPatricio SimpsonFrance
100Sales ManagerElizabeth LincolnAustria
 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?