Material skin

Grid - Virtualization

1Sales ManagerAntonio MorenoEngland
2OwnerMatti KarttunenEngland
3Accounting ManagerPatricio SimpsonItaly
4Sales ConsultantAntonio MorenoFrance
5OwnerPaul HenriotUSA
6Sales ConsultantJaime YorresSpain
7AccountantJaime YorresUSA
8Sales ConsultantPatricio SimpsonGermany
9Marketing AssistantHanna MoosBulgaria
10Sales RepresentativeAntonio MorenoSpain
11OwnerJaime YorresItaly
12OwnerJaime YorresBrazil
13Sales AssociatePaul HenriotGermany
14Sales ConsultantPaul HenriotArgentina
15AccountantPascale CartrainFrance
16Sales ManagerPaul HenriotFrance
17Sales AssociateMatti KarttunenAustria
18Sales AgentElizabeth LincolnItaly
19Marketing AssistantPaul HenriotAustria
20Sales ManagerGeorg PippsAustria
21Sales AgentMatti KarttunenBrazil
22OwnerElizabeth LincolnArgentina
23Sales AssociatePaul HenriotGermany
24Sales ConsultantGeorg PippsFrance
25Sales RepresentativePatricio SimpsonGermany
26Sales RepresentativeGeorg PippsGermany
27Sales ManagerHoward SnyderArgentina
28Sales RepresentativeMatti KarttunenFrance
29Marketing AssistantJaime YorresBulgaria
30Sales AssociatePascale CartrainUSA
31Marketing ManagerElizabeth LincolnArgentina
32Sales ManagerElizabeth LincolnItaly
33Sales RepresentativeGeorg PippsUSA
34Sales AgentElizabeth LincolnBrazil
35Sales ManagerHoward SnyderFrance
36AccountantHoward SnyderAustria
37Sales RepresentativeHoward SnyderGermany
38AccountantPaul HenriotFrance
39Marketing AssistantPaul HenriotAustria
40Sales ManagerPatricio SimpsonEngland
41Sales AssociateAntonio MorenoGermany
42Sales AgentJaime YorresItaly
43OwnerPatricio SimpsonFrance
44Marketing AssistantPatricio SimpsonSpain
45Marketing ManagerPascale CartrainBrazil
46Accounting ManagerElizabeth LincolnBulgaria
47Sales AgentElizabeth LincolnUSA
48Marketing ManagerGeorg PippsUSA
49Sales AgentPatricio SimpsonItaly
50AccountantGeorg PippsSpain
51Sales AgentHoward SnyderFrance
52Marketing ManagerPaul HenriotItaly
53Sales RepresentativeAntonio MorenoAustria
54Sales ConsultantJaime YorresUSA
55Marketing AssistantPatricio SimpsonItaly
56Sales AgentPaul HenriotEngland
57Sales ManagerGeorg PippsFrance
58Accounting ManagerPascale CartrainUSA
59Accounting ManagerPaul HenriotEngland
60AccountantJaime YorresGermany
61AccountantPaul HenriotArgentina
62Sales RepresentativePatricio SimpsonGermany
63OwnerHoward SnyderArgentina
64Sales ConsultantHoward SnyderGermany
65OwnerPaul HenriotEngland
66AccountantHanna MoosAustria
67Sales RepresentativePaul HenriotGermany
68Marketing AssistantElizabeth LincolnAustria
69Sales ConsultantPaul HenriotItaly
70Sales AssociatePaul HenriotBrazil
71Sales RepresentativePaul HenriotArgentina
72Marketing ManagerHanna MoosItaly
73Sales RepresentativePatricio SimpsonBulgaria
74Marketing ManagerPascale CartrainArgentina
75Sales ManagerGeorg PippsAustria
76Sales AssociatePascale CartrainUSA
77Marketing ManagerPatricio SimpsonSpain
78Sales RepresentativePascale CartrainGermany
79Sales AssociateJaime YorresSpain
80Sales ManagerHanna MoosItaly
81Sales ManagerHoward SnyderSpain
82Sales ConsultantGeorg PippsEngland
83OwnerHanna MoosBrazil
84AccountantPascale CartrainItaly
85AccountantAntonio MorenoEngland
86Sales AssociatePaul HenriotItaly
87Accounting ManagerMatti KarttunenGermany
88Sales RepresentativeAntonio MorenoFrance
89Marketing AssistantJaime YorresSpain
90Marketing ManagerPaul HenriotBrazil
91Sales RepresentativeGeorg PippsEngland
92OwnerElizabeth LincolnFrance
93Accounting ManagerGeorg PippsArgentina
94Marketing AssistantHanna MoosItaly
95Marketing AssistantElizabeth LincolnUSA
96Sales ConsultantAntonio MorenoEngland
97Sales ManagerPascale CartrainUSA
98AccountantJaime YorresArgentina
99Accounting ManagerAntonio MorenoAustria
100Sales RepresentativeElizabeth LincolnArgentina
 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?