Grid - Virtualization

1Sales AgentGeorg PippsBrazil
2Sales AssociatePascale CartrainBrazil
3Sales AgentPaul HenriotAustria
4AccountantPascale CartrainUSA
5Marketing ManagerPatricio SimpsonBrazil
6OwnerGeorg PippsItaly
7OwnerPatricio SimpsonFrance
8Sales ConsultantPaul HenriotBrazil
9Sales AssociateHoward SnyderArgentina
10Sales RepresentativeHanna MoosAustria
11AccountantMatti KarttunenEngland
12Sales AgentElizabeth LincolnBulgaria
13Sales ConsultantJaime YorresBulgaria
14Sales RepresentativeHanna MoosItaly
15OwnerHanna MoosBulgaria
16AccountantMatti KarttunenUSA
17Marketing AssistantHoward SnyderAustria
18Sales ManagerPaul HenriotArgentina
19AccountantPatricio SimpsonArgentina
20OwnerHanna MoosGermany
21Accounting ManagerPascale CartrainEngland
22Marketing AssistantHoward SnyderArgentina
23OwnerMatti KarttunenBulgaria
24Sales RepresentativePaul HenriotEngland
25Sales AssociateJaime YorresEngland
26Marketing AssistantHoward SnyderArgentina
27OwnerHoward SnyderEngland
28Sales ManagerPatricio SimpsonAustria
29Sales ManagerMatti KarttunenAustria
30Marketing AssistantMatti KarttunenGermany
31Accounting ManagerAntonio MorenoSpain
32Sales ManagerGeorg PippsEngland
33AccountantGeorg PippsSpain
34Sales ConsultantPaul HenriotAustria
35Marketing AssistantMatti KarttunenBrazil
36Sales AssociateJaime YorresAustria
37Accounting ManagerHoward SnyderBrazil
38Sales ConsultantPaul HenriotBrazil
39AccountantPascale CartrainGermany
40Marketing AssistantGeorg PippsUSA
41Sales RepresentativeElizabeth LincolnGermany
42Sales AgentJaime YorresFrance
43Marketing ManagerPatricio SimpsonSpain
44Sales ConsultantPatricio SimpsonUSA
45Sales ConsultantMatti KarttunenGermany
46OwnerJaime YorresBrazil
47Sales ManagerPascale CartrainSpain
48Sales ConsultantGeorg PippsEngland
49AccountantJaime YorresBulgaria
50AccountantGeorg PippsAustria
51OwnerElizabeth LincolnBulgaria
52Sales AgentHanna MoosArgentina
53Marketing AssistantHoward SnyderBulgaria
54Sales RepresentativeJaime YorresFrance
55Sales ConsultantPascale CartrainAustria
56Sales AssociatePaul HenriotUSA
57AccountantPatricio SimpsonGermany
58Marketing AssistantPatricio SimpsonItaly
59Sales RepresentativeHanna MoosAustria
60Sales RepresentativeGeorg PippsBrazil
61OwnerHanna MoosItaly
62Sales AgentAntonio MorenoArgentina
63Marketing ManagerHoward SnyderItaly
64Sales ManagerMatti KarttunenBrazil
65Marketing AssistantPatricio SimpsonEngland
66Sales RepresentativeElizabeth LincolnArgentina
67Accounting ManagerPatricio SimpsonBrazil
68Marketing ManagerElizabeth LincolnFrance
69Sales RepresentativeJaime YorresBrazil
70OwnerGeorg PippsItaly
71Sales ManagerElizabeth LincolnItaly
72Marketing ManagerAntonio MorenoUSA
73Sales ManagerGeorg PippsBulgaria
74Accounting ManagerJaime YorresBrazil
75Sales ManagerHanna MoosItaly
76Marketing AssistantHanna MoosUSA
77Marketing ManagerElizabeth LincolnFrance
78Sales ConsultantAntonio MorenoBulgaria
79Accounting ManagerHanna MoosBulgaria
80Marketing ManagerMatti KarttunenUSA
81Sales RepresentativePaul HenriotSpain
82OwnerHoward SnyderItaly
83Accounting ManagerPatricio SimpsonUSA
84Sales ConsultantHanna MoosAustria
85AccountantElizabeth LincolnFrance
86Sales ManagerPascale CartrainItaly
87OwnerHoward SnyderEngland
88Marketing ManagerPatricio SimpsonItaly
89Sales AgentPaul HenriotUSA
90Marketing AssistantGeorg PippsAustria
91Sales AgentHoward SnyderSpain
92Sales ManagerPatricio SimpsonUSA
93Sales AgentAntonio MorenoBulgaria
94Sales AgentMatti KarttunenUSA
95Marketing ManagerHanna MoosBulgaria
96OwnerHoward SnyderFrance
97Accounting ManagerHanna MoosAustria
98Marketing AssistantPatricio SimpsonBulgaria
99Sales ConsultantPaul HenriotAustria
100OwnerHoward SnyderArgentina
 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?