Grid - Virtualization

1Sales AssociateGeorg PippsEngland
2Sales RepresentativeGeorg PippsEngland
3Sales ManagerMatti KarttunenSpain
4Marketing ManagerPascale CartrainEngland
5Sales AgentPascale CartrainAustria
6Sales AssociatePascale CartrainArgentina
7Sales AssociateJaime YorresArgentina
8Sales AgentJaime YorresItaly
9Marketing AssistantHoward SnyderSpain
10Sales AgentHoward SnyderItaly
11Sales AssociateHanna MoosSpain
12Accounting ManagerMatti KarttunenItaly
13Marketing AssistantGeorg PippsUSA
14Sales ManagerPaul HenriotItaly
15Sales RepresentativeGeorg PippsAustria
16Sales ConsultantMatti KarttunenBrazil
17OwnerHanna MoosEngland
18AccountantPascale CartrainBulgaria
19Sales AgentElizabeth LincolnItaly
20Marketing AssistantElizabeth LincolnUSA
21Marketing AssistantPascale CartrainFrance
22Sales ConsultantJaime YorresUSA
23Marketing AssistantHanna MoosBrazil
24Accounting ManagerPatricio SimpsonAustria
25Marketing ManagerGeorg PippsAustria
26AccountantMatti KarttunenAustria
27Sales ConsultantMatti KarttunenBrazil
28Accounting ManagerJaime YorresBrazil
29Sales AssociateHoward SnyderBrazil
30AccountantHoward SnyderEngland
31Sales ManagerElizabeth LincolnItaly
32Marketing AssistantGeorg PippsArgentina
33AccountantPatricio SimpsonGermany
34Sales ManagerPatricio SimpsonUSA
35Marketing AssistantJaime YorresFrance
36Sales AgentPaul HenriotBulgaria
37Marketing AssistantAntonio MorenoItaly
38AccountantHanna MoosBrazil
39Sales AgentHoward SnyderFrance
40Sales RepresentativePascale CartrainAustria
41Accounting ManagerMatti KarttunenEngland
42Sales RepresentativePatricio SimpsonAustria
43Sales AgentJaime YorresArgentina
44AccountantGeorg PippsItaly
45OwnerElizabeth LincolnArgentina
46Sales AssociateMatti KarttunenAustria
47Sales ConsultantElizabeth LincolnUSA
48Sales AgentElizabeth LincolnUSA
49Sales RepresentativePatricio SimpsonEngland
50Marketing ManagerPascale CartrainSpain
51Sales ManagerElizabeth LincolnEngland
52Sales AssociateHanna MoosUSA
53Marketing AssistantPaul HenriotUSA
54AccountantMatti KarttunenItaly
55Accounting ManagerHanna MoosFrance
56OwnerHoward SnyderArgentina
57Sales ConsultantMatti KarttunenBrazil
58Sales ConsultantAntonio MorenoBulgaria
59Sales ManagerElizabeth LincolnUSA
60Marketing ManagerPaul HenriotGermany
61Sales RepresentativePascale CartrainBulgaria
62Sales ConsultantPatricio SimpsonUSA
63Sales AssociatePascale CartrainBulgaria
64Sales ManagerAntonio MorenoBulgaria
65Marketing AssistantPaul HenriotArgentina
66Sales ConsultantGeorg PippsFrance
67Marketing AssistantPatricio SimpsonBulgaria
68Sales AgentGeorg PippsArgentina
69Sales RepresentativeAntonio MorenoSpain
70Marketing AssistantMatti KarttunenGermany
71Sales AssociateElizabeth LincolnGermany
72Sales AgentPascale CartrainAustria
73Sales ManagerPaul HenriotFrance
74Marketing ManagerGeorg PippsEngland
75Sales AgentMatti KarttunenBrazil
76AccountantPaul HenriotArgentina
77Sales ManagerPaul HenriotBrazil
78AccountantAntonio MorenoFrance
79Sales ManagerMatti KarttunenUSA
80Sales AgentPatricio SimpsonSpain
81Sales RepresentativeJaime YorresUSA
82AccountantPascale CartrainUSA
83Sales ConsultantGeorg PippsItaly
84AccountantAntonio MorenoArgentina
85Marketing ManagerJaime YorresBulgaria
86Marketing ManagerPaul HenriotAustria
87Marketing ManagerGeorg PippsGermany
88AccountantJaime YorresFrance
89Sales ManagerHanna MoosBrazil
90Sales AssociatePaul HenriotSpain
91Marketing ManagerPaul HenriotSpain
92AccountantAntonio MorenoUSA
93OwnerJaime YorresItaly
94Sales ManagerPascale CartrainAustria
95AccountantPascale CartrainUSA
96Sales ManagerPaul HenriotArgentina
97AccountantHoward SnyderAustria
98Sales ManagerElizabeth LincolnUSA
99Accounting ManagerJaime YorresItaly
100Marketing AssistantPaul HenriotAustria
 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?