New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Virtualization

1Sales AssociateMatti KarttunenEngland
2Accounting ManagerPaul HenriotArgentina
3OwnerHanna MoosUSA
4Accounting ManagerPaul HenriotGermany
5Sales AgentHoward SnyderBulgaria
6Sales RepresentativeHanna MoosArgentina
7OwnerHoward SnyderArgentina
8Sales AssociatePaul HenriotSpain
9Marketing ManagerPaul HenriotBrazil
10Sales AssociateHoward SnyderBulgaria
11OwnerPaul HenriotFrance
12Accounting ManagerJaime YorresAustria
13Sales RepresentativeJaime YorresAustria
14Marketing AssistantPatricio SimpsonBrazil
15Sales ConsultantPatricio SimpsonArgentina
16Sales ConsultantMatti KarttunenSpain
17Sales RepresentativePascale CartrainSpain
18Marketing AssistantJaime YorresBrazil
19Marketing AssistantPaul HenriotArgentina
20Sales RepresentativeHanna MoosBrazil
21OwnerHanna MoosAustria
22Marketing AssistantAntonio MorenoBulgaria
23Marketing AssistantHoward SnyderArgentina
24AccountantAntonio MorenoSpain
25Sales ManagerHanna MoosBrazil
26Sales RepresentativePascale CartrainBulgaria
27Marketing ManagerAntonio MorenoEngland
28Sales AssociatePatricio SimpsonSpain
29Marketing AssistantJaime YorresBrazil
30AccountantPascale CartrainBrazil
31Marketing ManagerJaime YorresSpain
32Sales RepresentativePascale CartrainSpain
33Sales AgentAntonio MorenoBulgaria
34Accounting ManagerHanna MoosEngland
35Marketing ManagerHoward SnyderSpain
36Marketing ManagerPaul HenriotEngland
37Marketing AssistantPatricio SimpsonGermany
38AccountantHanna MoosSpain
39OwnerPatricio SimpsonBrazil
40Sales AgentPaul HenriotUSA
41Sales ConsultantHanna MoosBrazil
42AccountantJaime YorresSpain
43Sales ConsultantPatricio SimpsonArgentina
44AccountantMatti KarttunenFrance
45Sales ConsultantMatti KarttunenUSA
46Accounting ManagerMatti KarttunenItaly
47Sales AgentJaime YorresBrazil
48AccountantHoward SnyderUSA
49Sales RepresentativePaul HenriotUSA
50Sales RepresentativeHoward SnyderEngland
51Sales ConsultantPascale CartrainBulgaria
52Sales AgentPatricio SimpsonFrance
53Sales AgentAntonio MorenoBrazil
54AccountantHanna MoosItaly
55OwnerElizabeth LincolnEngland
56Accounting ManagerGeorg PippsEngland
57Sales RepresentativeMatti KarttunenArgentina
58OwnerPatricio SimpsonAustria
59Sales AssociateElizabeth LincolnArgentina
60OwnerGeorg PippsSpain
61Sales ConsultantGeorg PippsUSA
62Marketing AssistantHanna MoosItaly
63Sales AgentPatricio SimpsonEngland
64OwnerPatricio SimpsonBulgaria
65Sales ConsultantPaul HenriotGermany
66OwnerPaul HenriotFrance
67OwnerPatricio SimpsonItaly
68Sales AgentElizabeth LincolnGermany
69Marketing AssistantPatricio SimpsonBrazil
70Marketing ManagerElizabeth LincolnSpain
71Sales AgentPatricio SimpsonUSA
72Sales AssociateMatti KarttunenItaly
73AccountantElizabeth LincolnBulgaria
74AccountantAntonio MorenoGermany
75Accounting ManagerGeorg PippsBrazil
76AccountantMatti KarttunenGermany
77Sales ConsultantHanna MoosArgentina
78Marketing AssistantHanna MoosBulgaria
79Marketing AssistantPatricio SimpsonItaly
80Sales AgentHoward SnyderFrance
81OwnerPascale CartrainGermany
82OwnerPatricio SimpsonSpain
83Sales ManagerMatti KarttunenArgentina
84Accounting ManagerHoward SnyderBrazil
85Sales AssociateJaime YorresGermany
86Sales AgentAntonio MorenoAustria
87OwnerPatricio SimpsonArgentina
88Sales AgentElizabeth LincolnSpain
89Accounting ManagerPaul HenriotEngland
90Sales ConsultantElizabeth LincolnEngland
91AccountantPaul HenriotItaly
92Sales RepresentativeHanna MoosUSA
93Marketing ManagerHoward SnyderEngland
94Sales AssociatePatricio SimpsonItaly
95Sales AssociateJaime YorresFrance
96OwnerPascale CartrainAustria
97Sales ManagerHanna MoosGermany
98Sales ConsultantPaul HenriotGermany
99AccountantJaime YorresAustria
100Sales AgentHanna MoosUSA
 Item 49001 to 50000 of 300000
Page:
of 300 GoPage size:
  • Sort Ascending
  • Sort Descending
  • Clear Sorting
  • Columns
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>
<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>

Support & Learning Resources

Find Assistance