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

Virtualization

1Sales ManagerPascale CartrainUSA
2Sales AgentGeorg PippsItaly
3Sales AgentHanna MoosGermany
4AccountantPascale CartrainBulgaria
5Sales AssociateHanna MoosArgentina
6AccountantElizabeth LincolnBrazil
7Accounting ManagerPaul HenriotBulgaria
8Sales AgentHanna MoosUSA
9Sales RepresentativeHanna MoosAustria
10AccountantElizabeth LincolnFrance
11Sales AgentMatti KarttunenEngland
12Accounting ManagerGeorg PippsAustria
13Sales AgentGeorg PippsEngland
14Sales RepresentativeMatti KarttunenFrance
15Sales ConsultantPaul HenriotBrazil
16Marketing ManagerHanna MoosItaly
17Sales ConsultantPatricio SimpsonAustria
18Marketing ManagerGeorg PippsItaly
19Sales AssociateElizabeth LincolnSpain
20Sales ConsultantGeorg PippsSpain
21Sales AgentJaime YorresBrazil
22AccountantPaul HenriotFrance
23AccountantPascale CartrainUSA
24Sales RepresentativeHanna MoosFrance
25Sales AssociateMatti KarttunenItaly
26OwnerHoward SnyderArgentina
27Marketing ManagerAntonio MorenoSpain
28Marketing ManagerHoward SnyderGermany
29OwnerHanna MoosEngland
30Sales ManagerGeorg PippsGermany
31Marketing ManagerGeorg PippsEngland
32AccountantHanna MoosGermany
33Marketing ManagerElizabeth LincolnFrance
34AccountantPatricio SimpsonItaly
35Marketing AssistantMatti KarttunenItaly
36Sales ConsultantPatricio SimpsonSpain
37Sales ManagerPaul HenriotSpain
38Sales AgentPaul HenriotBulgaria
39Accounting ManagerGeorg PippsGermany
40Marketing AssistantJaime YorresArgentina
41AccountantPaul HenriotGermany
42Sales AgentAntonio MorenoItaly
43Sales ConsultantHoward SnyderEngland
44Sales AgentHanna MoosArgentina
45Accounting ManagerPaul HenriotEngland
46Accounting ManagerPatricio SimpsonUSA
47AccountantAntonio MorenoBrazil
48OwnerAntonio MorenoItaly
49Marketing ManagerHoward SnyderSpain
50Sales RepresentativePatricio SimpsonUSA
51Sales ConsultantPaul HenriotBulgaria
52Sales AgentElizabeth LincolnItaly
53OwnerPaul HenriotAustria
54Accounting ManagerHanna MoosFrance
55Sales RepresentativePaul HenriotArgentina
56Marketing AssistantGeorg PippsAustria
57OwnerGeorg PippsGermany
58Sales ManagerPatricio SimpsonEngland
59Sales ManagerHoward SnyderBulgaria
60Sales RepresentativeJaime YorresGermany
61Marketing AssistantHanna MoosFrance
62Sales RepresentativePaul HenriotBrazil
63OwnerPascale CartrainBrazil
64OwnerHoward SnyderBrazil
65Marketing AssistantElizabeth LincolnGermany
66Sales ManagerMatti KarttunenGermany
67Accounting ManagerGeorg PippsSpain
68OwnerElizabeth LincolnBrazil
69Marketing AssistantHanna MoosUSA
70Marketing AssistantAntonio MorenoArgentina
71Sales RepresentativeAntonio MorenoBulgaria
72Sales ManagerGeorg PippsGermany
73Marketing AssistantPaul HenriotUSA
74AccountantHanna MoosGermany
75AccountantMatti KarttunenBrazil
76Marketing AssistantMatti KarttunenGermany
77Sales ManagerPascale CartrainBulgaria
78Sales AssociateGeorg PippsUSA
79Sales ConsultantElizabeth LincolnItaly
80AccountantPascale CartrainAustria
81AccountantJaime YorresBrazil
82OwnerGeorg PippsBulgaria
83Sales ConsultantAntonio MorenoEngland
84Marketing ManagerHanna MoosBrazil
85OwnerHanna MoosAustria
86Sales AssociateElizabeth LincolnEngland
87Accounting ManagerGeorg PippsUSA
88Marketing ManagerHoward SnyderArgentina
89Accounting ManagerPatricio SimpsonGermany
90AccountantMatti KarttunenBrazil
91AccountantPatricio SimpsonEngland
92Sales ManagerMatti KarttunenGermany
93AccountantPascale CartrainItaly
94Sales RepresentativeElizabeth LincolnEngland
95OwnerPatricio SimpsonUSA
96Accounting ManagerPascale CartrainGermany
97Accounting ManagerJaime YorresArgentina
98Marketing ManagerGeorg PippsArgentina
99OwnerPascale CartrainItaly
100Sales AgentAntonio MorenoBulgaria
 Item 1 to 1000 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