BlackMetroTouch skin

Grid - Virtualization

1Marketing AssistantPaul HenriotUSA
2OwnerMatti KarttunenUSA
3Marketing AssistantPatricio SimpsonArgentina
4Marketing ManagerHoward SnyderArgentina
5Sales ConsultantAntonio MorenoGermany
6Sales ConsultantPascale CartrainBulgaria
7Sales AssociateAntonio MorenoBulgaria
8AccountantPascale CartrainFrance
9AccountantHanna MoosBulgaria
10Sales RepresentativeMatti KarttunenItaly
11Sales AssociateGeorg PippsGermany
12OwnerGeorg PippsBulgaria
13OwnerGeorg PippsBrazil
14Sales AgentPascale CartrainBrazil
15Accounting ManagerMatti KarttunenItaly
16Sales RepresentativeAntonio MorenoBulgaria
17Marketing ManagerPatricio SimpsonSpain
18Sales AssociateAntonio MorenoArgentina
19OwnerPaul HenriotUSA
20Sales AgentGeorg PippsEngland
21OwnerJaime YorresEngland
22Sales ConsultantJaime YorresBulgaria
23Marketing AssistantHoward SnyderGermany
24OwnerHanna MoosArgentina
25Sales AssociatePascale CartrainBulgaria
26Sales ManagerPatricio SimpsonAustria
27Sales AgentJaime YorresGermany
28Sales AssociatePatricio SimpsonFrance
29Sales AssociateMatti KarttunenArgentina
30Sales ManagerAntonio MorenoItaly
31Accounting ManagerPascale CartrainUSA
32Sales ConsultantPatricio SimpsonBulgaria
33Marketing ManagerPaul HenriotEngland
34Sales RepresentativePascale CartrainSpain
35Marketing AssistantPatricio SimpsonAustria
36Accounting ManagerPatricio SimpsonAustria
37Sales RepresentativeHoward SnyderArgentina
38Accounting ManagerHoward SnyderEngland
39Marketing AssistantElizabeth LincolnUSA
40Accounting ManagerJaime YorresGermany
41AccountantMatti KarttunenItaly
42Sales ConsultantMatti KarttunenAustria
43AccountantHoward SnyderBrazil
44Accounting ManagerAntonio MorenoArgentina
45Sales AssociateHoward SnyderArgentina
46Sales AssociateGeorg PippsArgentina
47Marketing ManagerPaul HenriotGermany
48Accounting ManagerPascale CartrainEngland
49Sales AssociateAntonio MorenoArgentina
50Marketing AssistantHoward SnyderAustria
51Accounting ManagerElizabeth LincolnSpain
52Sales AgentHanna MoosBulgaria
53OwnerAntonio MorenoAustria
54Accounting ManagerJaime YorresUSA
55Sales AgentPatricio SimpsonEngland
56Sales AgentElizabeth LincolnGermany
57Marketing ManagerMatti KarttunenBrazil
58Sales AssociatePaul HenriotUSA
59Sales AssociateAntonio MorenoUSA
60Marketing AssistantMatti KarttunenBrazil
61AccountantAntonio MorenoBulgaria
62Sales AssociateGeorg PippsItaly
63Sales ManagerJaime YorresBulgaria
64AccountantPatricio SimpsonUSA
65OwnerPaul HenriotBrazil
66Sales RepresentativeHoward SnyderEngland
67Marketing AssistantPascale CartrainItaly
68Sales RepresentativeGeorg PippsGermany
69Sales RepresentativeElizabeth LincolnGermany
70Marketing ManagerPatricio SimpsonAustria
71AccountantGeorg PippsGermany
72OwnerHanna MoosItaly
73Accounting ManagerPatricio SimpsonItaly
74Sales ManagerGeorg PippsBrazil
75Marketing ManagerPaul HenriotEngland
76Accounting ManagerHoward SnyderBulgaria
77Marketing AssistantAntonio MorenoGermany
78AccountantAntonio MorenoBrazil
79Sales AssociatePatricio SimpsonItaly
80Marketing ManagerElizabeth LincolnEngland
81Sales AssociateJaime YorresEngland
82Sales ManagerGeorg PippsBrazil
83Sales RepresentativeAntonio MorenoUSA
84Sales AgentAntonio MorenoEngland
85Sales AgentElizabeth LincolnGermany
86Marketing ManagerPatricio SimpsonEngland
87AccountantJaime YorresSpain
88Sales AssociateElizabeth LincolnFrance
89Sales AssociateAntonio MorenoItaly
90Sales ConsultantHanna MoosAustria
91OwnerMatti KarttunenBulgaria
92Sales AgentPascale CartrainEngland
93Accounting ManagerGeorg PippsFrance
94Sales RepresentativeJaime YorresBulgaria
95Sales AssociateGeorg PippsUSA
96Sales RepresentativePascale CartrainEngland
97Sales RepresentativeGeorg PippsFrance
98Sales AgentPatricio SimpsonItaly
99Sales RepresentativePatricio SimpsonSpain
100OwnerPascale CartrainFrance
 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?