Material skin

Grid - Virtualization

1Marketing AssistantPascale CartrainSpain
2OwnerMatti KarttunenBulgaria
3Marketing ManagerPaul HenriotBrazil
4AccountantPatricio SimpsonFrance
5AccountantMatti KarttunenItaly
6Sales ManagerPaul HenriotSpain
7OwnerGeorg PippsSpain
8Sales AgentHoward SnyderAustria
9Sales AgentPaul HenriotSpain
10Marketing ManagerMatti KarttunenBulgaria
11Marketing ManagerPatricio SimpsonAustria
12Sales ManagerMatti KarttunenItaly
13Sales ManagerElizabeth LincolnArgentina
14Accounting ManagerMatti KarttunenEngland
15Accounting ManagerHoward SnyderArgentina
16Sales AgentElizabeth LincolnItaly
17Sales AgentAntonio MorenoSpain
18Sales AgentGeorg PippsUSA
19Sales ConsultantElizabeth LincolnItaly
20Sales ManagerMatti KarttunenBulgaria
21Marketing AssistantJaime YorresUSA
22Sales AgentElizabeth LincolnBrazil
23AccountantPascale CartrainSpain
24Accounting ManagerHanna MoosUSA
25Accounting ManagerJaime YorresItaly
26Sales RepresentativeGeorg PippsFrance
27Accounting ManagerGeorg PippsItaly
28AccountantHoward SnyderBrazil
29Sales AgentAntonio MorenoAustria
30Sales AssociateMatti KarttunenFrance
31Sales AssociateAntonio MorenoUSA
32Marketing ManagerJaime YorresEngland
33Sales AssociateElizabeth LincolnFrance
34Marketing AssistantPaul HenriotBulgaria
35Marketing AssistantMatti KarttunenArgentina
36OwnerHoward SnyderGermany
37Sales ConsultantGeorg PippsItaly
38Sales ConsultantElizabeth LincolnItaly
39Sales AgentPatricio SimpsonGermany
40AccountantGeorg PippsAustria
41Sales ManagerAntonio MorenoEngland
42AccountantAntonio MorenoBrazil
43Marketing ManagerHanna MoosBrazil
44Marketing AssistantHoward SnyderBulgaria
45Sales AssociateElizabeth LincolnFrance
46Marketing AssistantAntonio MorenoItaly
47Accounting ManagerJaime YorresEngland
48Accounting ManagerElizabeth LincolnEngland
49Marketing ManagerGeorg PippsItaly
50OwnerAntonio MorenoGermany
51Marketing AssistantPascale CartrainFrance
52Sales RepresentativeMatti KarttunenAustria
53Sales ManagerJaime YorresUSA
54OwnerPaul HenriotFrance
55Sales AgentHanna MoosGermany
56Sales AgentJaime YorresItaly
57Sales AgentAntonio MorenoItaly
58OwnerAntonio MorenoAustria
59Sales ConsultantHoward SnyderBulgaria
60Accounting ManagerElizabeth LincolnBulgaria
61AccountantAntonio MorenoUSA
62Sales ManagerElizabeth LincolnArgentina
63Sales ManagerPatricio SimpsonBulgaria
64Sales AssociatePascale CartrainItaly
65Accounting ManagerElizabeth LincolnBrazil
66Sales AssociateAntonio MorenoItaly
67Accounting ManagerPaul HenriotAustria
68Sales RepresentativeElizabeth LincolnArgentina
69Marketing ManagerJaime YorresItaly
70Sales RepresentativeGeorg PippsArgentina
71Sales ConsultantPascale CartrainItaly
72Marketing AssistantHanna MoosBulgaria
73Sales AgentAntonio MorenoBulgaria
74Sales AssociateHanna MoosItaly
75Sales RepresentativePascale CartrainItaly
76AccountantPascale CartrainItaly
77Sales AssociatePatricio SimpsonArgentina
78Sales ConsultantJaime YorresAustria
79Sales ManagerHanna MoosItaly
80Marketing AssistantAntonio MorenoBulgaria
81OwnerElizabeth LincolnBulgaria
82Sales AssociatePatricio SimpsonAustria
83OwnerElizabeth LincolnArgentina
84Sales RepresentativePascale CartrainSpain
85Sales ManagerAntonio MorenoSpain
86Marketing ManagerPatricio SimpsonItaly
87Sales ConsultantPaul HenriotBrazil
88Sales RepresentativeJaime YorresAustria
89Sales ConsultantAntonio MorenoFrance
90Sales AgentMatti KarttunenFrance
91OwnerPaul HenriotEngland
92Sales AssociateJaime YorresGermany
93Accounting ManagerPascale CartrainItaly
94Sales AssociateAntonio MorenoGermany
95Sales ConsultantJaime YorresFrance
96Marketing ManagerAntonio MorenoItaly
97Sales ManagerMatti KarttunenBrazil
98Sales AgentHoward SnyderGermany
99Sales ConsultantMatti KarttunenArgentina
100Sales RepresentativeElizabeth LincolnBrazil
 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?