MetroTouch skin

Grid - Virtualization

1Sales ConsultantHanna MoosGermany
2Sales AssociateJaime YorresAustria
3Sales AgentElizabeth LincolnSpain
4Sales AssociateHoward SnyderBulgaria
5Sales ConsultantMatti KarttunenAustria
6Sales RepresentativeHoward SnyderItaly
7Sales AssociateElizabeth LincolnSpain
8OwnerMatti KarttunenUSA
9Marketing ManagerAntonio MorenoItaly
10Marketing AssistantPatricio SimpsonSpain
11Sales ManagerMatti KarttunenBulgaria
12Sales AgentPascale CartrainBrazil
13Sales RepresentativeAntonio MorenoUSA
14Sales AgentAntonio MorenoEngland
15Accounting ManagerHanna MoosGermany
16AccountantPatricio SimpsonAustria
17OwnerPascale CartrainSpain
18Sales AgentPaul HenriotItaly
19Sales RepresentativeMatti KarttunenFrance
20Sales ConsultantPascale CartrainSpain
21Accounting ManagerPascale CartrainBulgaria
22Sales ManagerGeorg PippsFrance
23Sales AgentPascale CartrainGermany
24Accounting ManagerHoward SnyderArgentina
25AccountantHanna MoosSpain
26AccountantPascale CartrainAustria
27Sales RepresentativeAntonio MorenoGermany
28Sales ManagerPaul HenriotUSA
29Sales ConsultantElizabeth LincolnAustria
30Sales RepresentativeHanna MoosSpain
31OwnerHanna MoosBrazil
32Sales ConsultantPaul HenriotUSA
33Sales ManagerHoward SnyderEngland
34Marketing ManagerGeorg PippsEngland
35Marketing ManagerPatricio SimpsonEngland
36Marketing AssistantPascale CartrainGermany
37Marketing AssistantElizabeth LincolnFrance
38Sales RepresentativePatricio SimpsonEngland
39OwnerPaul HenriotGermany
40Sales AgentGeorg PippsAustria
41Sales RepresentativeAntonio MorenoAustria
42AccountantMatti KarttunenItaly
43OwnerHanna MoosUSA
44Marketing AssistantJaime YorresSpain
45Marketing ManagerAntonio MorenoUSA
46Sales AssociatePatricio SimpsonBulgaria
47Sales RepresentativeJaime YorresBulgaria
48Sales ManagerPascale CartrainSpain
49OwnerGeorg PippsFrance
50Sales ManagerHanna MoosGermany
51Marketing ManagerPascale CartrainEngland
52OwnerJaime YorresFrance
53Marketing ManagerElizabeth LincolnUSA
54OwnerAntonio MorenoArgentina
55Sales AgentHanna MoosAustria
56OwnerJaime YorresGermany
57Marketing AssistantHanna MoosGermany
58AccountantJaime YorresGermany
59Sales RepresentativeAntonio MorenoSpain
60Accounting ManagerAntonio MorenoItaly
61Sales AgentPatricio SimpsonFrance
62Marketing ManagerHanna MoosFrance
63AccountantAntonio MorenoEngland
64Marketing AssistantPatricio SimpsonAustria
65Sales AgentJaime YorresGermany
66Sales RepresentativeHoward SnyderArgentina
67Sales ManagerAntonio MorenoUSA
68AccountantHoward SnyderArgentina
69Marketing ManagerPatricio SimpsonItaly
70OwnerElizabeth LincolnArgentina
71Marketing ManagerHanna MoosAustria
72Sales ManagerMatti KarttunenEngland
73Marketing ManagerElizabeth LincolnGermany
74OwnerPatricio SimpsonGermany
75Sales AssociatePaul HenriotAustria
76Sales AgentMatti KarttunenArgentina
77OwnerElizabeth LincolnArgentina
78Sales AssociatePaul HenriotArgentina
79OwnerHanna MoosArgentina
80OwnerHoward SnyderBrazil
81Sales ConsultantPaul HenriotEngland
82Sales RepresentativeJaime YorresBrazil
83Sales RepresentativeJaime YorresFrance
84Sales AssociateHoward SnyderSpain
85OwnerElizabeth LincolnArgentina
86AccountantHoward SnyderFrance
87Sales RepresentativeMatti KarttunenEngland
88Accounting ManagerHoward SnyderGermany
89Accounting ManagerMatti KarttunenBulgaria
90Accounting ManagerElizabeth LincolnAustria
91Sales ManagerHoward SnyderBulgaria
92Sales AssociateGeorg PippsGermany
93Sales ConsultantAntonio MorenoItaly
94Sales RepresentativeHoward SnyderAustria
95Sales AssociateHanna MoosGermany
96Marketing AssistantElizabeth LincolnBrazil
97Accounting ManagerJaime YorresGermany
98Accounting ManagerHoward SnyderUSA
99AccountantPaul HenriotAustria
100Sales RepresentativeHoward SnyderItaly
 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?