Grid - Virtualization

1AccountantPascale CartrainFrance
2Sales ConsultantPaul HenriotArgentina
3Sales ConsultantAntonio MorenoAustria
4OwnerPatricio SimpsonArgentina
5Sales ConsultantAntonio MorenoFrance
6Marketing AssistantPascale CartrainFrance
7Sales ManagerAntonio MorenoAustria
8Sales ManagerPatricio SimpsonItaly
9Sales AgentHanna MoosBrazil
10Marketing ManagerPatricio SimpsonBrazil
11Accounting ManagerPascale CartrainSpain
12Marketing ManagerPaul HenriotEngland
13Sales AssociateJaime YorresFrance
14AccountantGeorg PippsItaly
15AccountantPascale CartrainUSA
16AccountantMatti KarttunenUSA
17Marketing ManagerElizabeth LincolnAustria
18AccountantHanna MoosEngland
19Marketing ManagerPascale CartrainBulgaria
20Sales AssociateMatti KarttunenEngland
21Marketing ManagerPaul HenriotEngland
22Sales ConsultantGeorg PippsBrazil
23Marketing ManagerMatti KarttunenFrance
24Sales AgentGeorg PippsArgentina
25Sales ConsultantMatti KarttunenBrazil
26Sales RepresentativeMatti KarttunenBulgaria
27Accounting ManagerPascale CartrainUSA
28Sales AssociateElizabeth LincolnUSA
29Sales ConsultantPascale CartrainFrance
30AccountantJaime YorresEngland
31Sales AssociateMatti KarttunenBrazil
32AccountantHanna MoosAustria
33Sales ManagerPaul HenriotUSA
34OwnerJaime YorresItaly
35Sales AgentPaul HenriotEngland
36Sales AssociateAntonio MorenoEngland
37OwnerMatti KarttunenSpain
38Marketing ManagerHoward SnyderSpain
39Sales ManagerElizabeth LincolnArgentina
40Marketing ManagerElizabeth LincolnUSA
41Accounting ManagerHanna MoosGermany
42Sales AgentPatricio SimpsonGermany
43Sales AgentJaime YorresEngland
44Sales ConsultantPaul HenriotItaly
45Sales AssociatePaul HenriotSpain
46OwnerAntonio MorenoFrance
47Sales RepresentativeGeorg PippsArgentina
48Sales AssociateGeorg PippsItaly
49OwnerElizabeth LincolnBrazil
50AccountantPaul HenriotEngland
51Sales RepresentativeHoward SnyderBrazil
52Sales ManagerJaime YorresArgentina
53Marketing ManagerPatricio SimpsonBulgaria
54Accounting ManagerPatricio SimpsonItaly
55Sales RepresentativeHoward SnyderBrazil
56AccountantPascale CartrainBrazil
57Sales AgentHoward SnyderEngland
58Sales AssociatePascale CartrainUSA
59OwnerAntonio MorenoBrazil
60OwnerGeorg PippsUSA
61Marketing AssistantAntonio MorenoSpain
62Sales RepresentativePatricio SimpsonFrance
63Sales ManagerGeorg PippsUSA
64Sales ConsultantJaime YorresSpain
65AccountantAntonio MorenoBrazil
66Marketing ManagerPatricio SimpsonGermany
67Sales ManagerMatti KarttunenBrazil
68Sales ConsultantPascale CartrainSpain
69Sales AssociateJaime YorresArgentina
70Sales ManagerJaime YorresArgentina
71Sales RepresentativePascale CartrainSpain
72Accounting ManagerPatricio SimpsonAustria
73Accounting ManagerMatti KarttunenGermany
74Sales AgentPaul HenriotBulgaria
75Sales AgentAntonio MorenoEngland
76Accounting ManagerJaime YorresSpain
77Sales ManagerElizabeth LincolnBrazil
78OwnerPascale CartrainFrance
79Marketing ManagerElizabeth LincolnBulgaria
80AccountantGeorg PippsUSA
81Accounting ManagerHoward SnyderItaly
82Marketing AssistantPascale CartrainGermany
83Sales ConsultantPascale CartrainBrazil
84Sales ManagerHanna MoosSpain
85Marketing ManagerMatti KarttunenBulgaria
86OwnerHoward SnyderArgentina
87Marketing ManagerPaul HenriotGermany
88AccountantMatti KarttunenItaly
89Sales RepresentativeGeorg PippsBulgaria
90AccountantHoward SnyderEngland
91OwnerPatricio SimpsonItaly
92Sales AgentJaime YorresBrazil
93OwnerPascale CartrainGermany
94OwnerJaime YorresEngland
95Sales RepresentativeGeorg PippsGermany
96OwnerElizabeth LincolnFrance
97OwnerPascale CartrainSpain
98Accounting ManagerElizabeth LincolnFrance
99Marketing AssistantJaime YorresBulgaria
100Sales AssociateHoward SnyderGermany
 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?