BlackMetroTouch skin

Grid - Virtualization

1Sales AgentGeorg PippsArgentina
2Sales ManagerPaul HenriotAustria
3AccountantPatricio SimpsonBrazil
4Marketing AssistantAntonio MorenoGermany
5Sales AgentPatricio SimpsonFrance
6Sales ManagerAntonio MorenoAustria
7Sales ConsultantGeorg PippsArgentina
8Marketing ManagerPatricio SimpsonBulgaria
9Sales ConsultantPascale CartrainGermany
10AccountantHanna MoosGermany
11OwnerAntonio MorenoEngland
12Accounting ManagerPascale CartrainUSA
13OwnerJaime YorresUSA
14Accounting ManagerPascale CartrainBulgaria
15Marketing ManagerMatti KarttunenAustria
16Accounting ManagerElizabeth LincolnSpain
17Sales AgentJaime YorresFrance
18Marketing AssistantPaul HenriotBrazil
19Sales AgentPatricio SimpsonArgentina
20AccountantAntonio MorenoBrazil
21Sales ConsultantHanna MoosGermany
22Marketing ManagerGeorg PippsArgentina
23Sales ConsultantHoward SnyderArgentina
24Sales ManagerJaime YorresUSA
25Sales RepresentativeGeorg PippsFrance
26Sales AgentHanna MoosGermany
27Sales RepresentativePascale CartrainUSA
28Marketing ManagerHoward SnyderUSA
29AccountantAntonio MorenoArgentina
30Sales ConsultantAntonio MorenoFrance
31Marketing AssistantPaul HenriotUSA
32Sales RepresentativePascale CartrainUSA
33Sales ConsultantMatti KarttunenGermany
34Sales RepresentativeAntonio MorenoArgentina
35Sales AssociateHoward SnyderAustria
36Marketing ManagerHanna MoosBulgaria
37Sales RepresentativePaul HenriotGermany
38Accounting ManagerJaime YorresEngland
39Accounting ManagerJaime YorresBulgaria
40Marketing AssistantJaime YorresGermany
41AccountantAntonio MorenoBrazil
42Sales RepresentativeJaime YorresUSA
43Sales AssociateElizabeth LincolnEngland
44Sales AgentElizabeth LincolnItaly
45OwnerHanna MoosBulgaria
46Sales AgentPaul HenriotSpain
47Sales AssociateJaime YorresFrance
48Marketing ManagerHoward SnyderBulgaria
49Sales ManagerPaul HenriotUSA
50Marketing ManagerAntonio MorenoEngland
51Marketing AssistantHoward SnyderArgentina
52AccountantPatricio SimpsonAustria
53AccountantAntonio MorenoBrazil
54Sales ManagerPaul HenriotFrance
55Accounting ManagerHanna MoosSpain
56OwnerElizabeth LincolnBulgaria
57Marketing ManagerGeorg PippsSpain
58AccountantElizabeth LincolnSpain
59Accounting ManagerPascale CartrainFrance
60Accounting ManagerPatricio SimpsonGermany
61OwnerPatricio SimpsonArgentina
62Sales AgentPascale CartrainAustria
63Sales AgentAntonio MorenoAustria
64Sales ConsultantPascale CartrainFrance
65Sales ConsultantMatti KarttunenAustria
66OwnerPascale CartrainBulgaria
67Sales AssociateGeorg PippsGermany
68Sales AssociateAntonio MorenoItaly
69AccountantPatricio SimpsonItaly
70Accounting ManagerPatricio SimpsonBulgaria
71Sales ConsultantHoward SnyderEngland
72Sales ManagerPascale CartrainAustria
73AccountantHanna MoosFrance
74Accounting ManagerPatricio SimpsonUSA
75Sales ManagerPaul HenriotSpain
76Accounting ManagerJaime YorresArgentina
77Sales AgentJaime YorresSpain
78Accounting ManagerElizabeth LincolnEngland
79Sales AgentPatricio SimpsonAustria
80OwnerPatricio SimpsonFrance
81Marketing AssistantAntonio MorenoEngland
82Sales RepresentativeMatti KarttunenSpain
83Marketing ManagerHanna MoosBrazil
84Marketing ManagerHanna MoosAustria
85Sales AgentElizabeth LincolnArgentina
86Sales RepresentativeHoward SnyderAustria
87Accounting ManagerMatti KarttunenGermany
88Sales ConsultantPascale CartrainArgentina
89Marketing ManagerGeorg PippsFrance
90Accounting ManagerPascale CartrainAustria
91Sales ConsultantAntonio MorenoGermany
92Sales ConsultantMatti KarttunenAustria
93Accounting ManagerMatti KarttunenGermany
94Marketing ManagerGeorg PippsSpain
95Sales ManagerMatti KarttunenAustria
96Sales ManagerPaul HenriotBulgaria
97Marketing AssistantPascale CartrainUSA
98Sales AssociateJaime YorresEngland
99Sales ManagerJaime YorresBulgaria
100Marketing AssistantHoward SnyderUSA
 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?