Default skin

Grid - Virtualization

1Accounting ManagerJaime YorresSpain
2Marketing ManagerHanna MoosFrance
3Sales RepresentativeGeorg PippsGermany
4Sales AgentPatricio SimpsonBulgaria
5OwnerHoward SnyderItaly
6Marketing ManagerPascale CartrainBrazil
7OwnerPaul HenriotEngland
8Sales ManagerJaime YorresBulgaria
9Sales RepresentativeElizabeth LincolnAustria
10Sales AssociatePaul HenriotBrazil
11Marketing ManagerGeorg PippsBrazil
12Sales RepresentativePascale CartrainAustria
13AccountantPascale CartrainUSA
14OwnerJaime YorresFrance
15Sales RepresentativeMatti KarttunenBrazil
16Sales ManagerElizabeth LincolnBulgaria
17OwnerPaul HenriotBulgaria
18Sales AgentPatricio SimpsonAustria
19Sales AgentHoward SnyderUSA
20Sales AssociatePascale CartrainEngland
21Sales AssociateMatti KarttunenItaly
22Sales ConsultantJaime YorresAustria
23OwnerHoward SnyderEngland
24Marketing AssistantPatricio SimpsonSpain
25Sales ManagerHanna MoosGermany
26AccountantElizabeth LincolnGermany
27OwnerMatti KarttunenSpain
28Marketing AssistantPascale CartrainAustria
29Marketing ManagerAntonio MorenoFrance
30Sales RepresentativePascale CartrainUSA
31Sales ConsultantPascale CartrainBulgaria
32AccountantAntonio MorenoAustria
33Sales ConsultantJaime YorresEngland
34Marketing AssistantElizabeth LincolnAustria
35Sales AssociatePatricio SimpsonSpain
36Accounting ManagerAntonio MorenoBulgaria
37Marketing ManagerAntonio MorenoAustria
38OwnerPascale CartrainBulgaria
39Sales ManagerAntonio MorenoUSA
40Accounting ManagerPascale CartrainEngland
41OwnerJaime YorresBulgaria
42Marketing AssistantMatti KarttunenItaly
43Marketing ManagerElizabeth LincolnEngland
44Accounting ManagerGeorg PippsUSA
45Sales AssociatePaul HenriotBrazil
46Sales AgentAntonio MorenoBulgaria
47Sales RepresentativePaul HenriotGermany
48Accounting ManagerElizabeth LincolnAustria
49Sales AgentHanna MoosBulgaria
50Sales RepresentativePascale CartrainAustria
51Sales ManagerPascale CartrainUSA
52Sales RepresentativePatricio SimpsonEngland
53Sales AgentAntonio MorenoFrance
54Accounting ManagerAntonio MorenoSpain
55Marketing AssistantPatricio SimpsonArgentina
56Sales AgentPascale CartrainItaly
57Marketing AssistantJaime YorresAustria
58Marketing ManagerPaul HenriotBulgaria
59Marketing ManagerHanna MoosBrazil
60Accounting ManagerHoward SnyderItaly
61Marketing AssistantJaime YorresAustria
62Sales ConsultantGeorg PippsArgentina
63Sales AssociateHoward SnyderEngland
64Sales AgentElizabeth LincolnUSA
65Marketing ManagerAntonio MorenoAustria
66Sales AgentAntonio MorenoBulgaria
67Accounting ManagerHanna MoosItaly
68Sales ConsultantHanna MoosUSA
69Sales AgentPascale CartrainArgentina
70Marketing AssistantAntonio MorenoEngland
71Marketing AssistantGeorg PippsItaly
72Sales RepresentativeGeorg PippsBulgaria
73Accounting ManagerPaul HenriotBulgaria
74OwnerElizabeth LincolnBrazil
75Sales ManagerGeorg PippsSpain
76Sales ConsultantHoward SnyderSpain
77Sales RepresentativeMatti KarttunenBrazil
78Sales AssociateJaime YorresFrance
79Accounting ManagerPaul HenriotEngland
80OwnerElizabeth LincolnAustria
81Sales AssociateHanna MoosBulgaria
82Sales AgentAntonio MorenoArgentina
83OwnerGeorg PippsItaly
84OwnerJaime YorresSpain
85Sales ConsultantMatti KarttunenFrance
86Sales ManagerAntonio MorenoAustria
87Sales AgentElizabeth LincolnEngland
88Sales ManagerGeorg PippsAustria
89Marketing AssistantJaime YorresItaly
90Accounting ManagerHoward SnyderFrance
91AccountantAntonio MorenoUSA
92Sales ManagerHanna MoosAustria
93Marketing AssistantElizabeth LincolnUSA
94Accounting ManagerJaime YorresSpain
95OwnerAntonio MorenoArgentina
96Sales ManagerHanna MoosAustria
97AccountantJaime YorresGermany
98Sales AgentHanna MoosBulgaria
99Marketing ManagerHanna MoosSpain
100Sales ManagerPascale CartrainEngland
 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?