Simple skin

Grid - Virtualization

1OwnerMatti KarttunenUSA
2OwnerPatricio SimpsonItaly
3Sales AssociateElizabeth LincolnFrance
4AccountantMatti KarttunenFrance
5Marketing AssistantPascale CartrainBrazil
6Marketing ManagerPaul HenriotEngland
7Sales ConsultantHoward SnyderArgentina
8Sales AgentGeorg PippsSpain
9Sales RepresentativeElizabeth LincolnBrazil
10Sales AgentPaul HenriotBrazil
11Marketing ManagerGeorg PippsBrazil
12Accounting ManagerElizabeth LincolnItaly
13Sales ConsultantPaul HenriotArgentina
14Sales ManagerElizabeth LincolnArgentina
15Accounting ManagerElizabeth LincolnEngland
16Sales ConsultantPascale CartrainEngland
17Sales RepresentativeElizabeth LincolnEngland
18Sales AgentElizabeth LincolnBrazil
19Sales ManagerJaime YorresFrance
20OwnerHanna MoosSpain
21Sales ConsultantGeorg PippsUSA
22Marketing AssistantHanna MoosArgentina
23Sales AgentHanna MoosFrance
24Sales ConsultantGeorg PippsItaly
25Accounting ManagerElizabeth LincolnFrance
26OwnerHoward SnyderFrance
27Sales ManagerElizabeth LincolnItaly
28Marketing AssistantHanna MoosEngland
29Marketing ManagerPascale CartrainAustria
30AccountantMatti KarttunenBrazil
31AccountantPatricio SimpsonBulgaria
32Sales ManagerHanna MoosBrazil
33Accounting ManagerElizabeth LincolnUSA
34Sales RepresentativeHanna MoosFrance
35Sales ManagerPaul HenriotBrazil
36Sales AgentAntonio MorenoSpain
37OwnerElizabeth LincolnSpain
38Accounting ManagerGeorg PippsSpain
39Sales AssociateGeorg PippsArgentina
40OwnerJaime YorresSpain
41Sales AssociatePascale CartrainSpain
42Sales RepresentativeHoward SnyderFrance
43Marketing AssistantPascale CartrainBulgaria
44AccountantMatti KarttunenAustria
45Sales AgentPascale CartrainItaly
46Marketing ManagerPatricio SimpsonBulgaria
47Sales AgentAntonio MorenoEngland
48AccountantPatricio SimpsonGermany
49AccountantGeorg PippsArgentina
50Sales ManagerPascale CartrainBrazil
51Sales AgentMatti KarttunenItaly
52Marketing AssistantPascale CartrainAustria
53OwnerHoward SnyderGermany
54Sales AssociateGeorg PippsUSA
55Marketing AssistantPascale CartrainGermany
56Sales RepresentativeHoward SnyderSpain
57OwnerMatti KarttunenFrance
58Accounting ManagerPascale CartrainEngland
59Sales AgentHanna MoosSpain
60Marketing ManagerMatti KarttunenEngland
61Accounting ManagerGeorg PippsBrazil
62OwnerMatti KarttunenFrance
63Accounting ManagerElizabeth LincolnEngland
64Marketing AssistantPaul HenriotBrazil
65AccountantJaime YorresArgentina
66Accounting ManagerHanna MoosArgentina
67Accounting ManagerPaul HenriotBulgaria
68Sales ManagerAntonio MorenoUSA
69Sales ConsultantPaul HenriotSpain
70Sales AssociatePatricio SimpsonArgentina
71Sales ManagerElizabeth LincolnArgentina
72Sales ManagerPatricio SimpsonUSA
73Sales ConsultantHoward SnyderAustria
74AccountantHanna MoosBrazil
75Sales RepresentativeAntonio MorenoArgentina
76OwnerAntonio MorenoAustria
77Sales RepresentativeAntonio MorenoFrance
78Sales ManagerAntonio MorenoAustria
79Sales AgentHanna MoosGermany
80Sales ManagerJaime YorresBrazil
81Sales AgentElizabeth LincolnGermany
82Accounting ManagerPaul HenriotSpain
83Marketing AssistantGeorg PippsEngland
84Marketing AssistantMatti KarttunenItaly
85Sales RepresentativeHanna MoosEngland
86OwnerPatricio SimpsonUSA
87Sales AssociateHoward SnyderBulgaria
88Sales ManagerPatricio SimpsonAustria
89Marketing AssistantJaime YorresSpain
90AccountantHoward SnyderBulgaria
91Sales AgentElizabeth LincolnUSA
92Sales RepresentativeHoward SnyderArgentina
93Sales AgentGeorg PippsEngland
94Sales AssociateAntonio MorenoBrazil
95Accounting ManagerPatricio SimpsonItaly
96Accounting ManagerPatricio SimpsonArgentina
97Sales AgentElizabeth LincolnArgentina
98Sales ManagerPascale CartrainBrazil
99Sales AgentElizabeth LincolnBrazil
100Sales RepresentativeMatti KarttunenFrance
 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?