Sunset skin

Grid - Virtualization

1Sales AgentHoward SnyderBrazil
2Marketing ManagerHoward SnyderBulgaria
3Marketing AssistantGeorg PippsEngland
4Marketing AssistantMatti KarttunenEngland
5Marketing ManagerAntonio MorenoBrazil
6Sales RepresentativePatricio SimpsonSpain
7OwnerPaul HenriotBulgaria
8OwnerPascale CartrainGermany
9Sales AssociateMatti KarttunenBulgaria
10Sales RepresentativeGeorg PippsSpain
11Sales AssociatePaul HenriotArgentina
12Accounting ManagerJaime YorresItaly
13Sales AssociateHanna MoosArgentina
14Sales AssociateAntonio MorenoUSA
15Marketing ManagerHoward SnyderItaly
16Sales AssociatePatricio SimpsonUSA
17Sales RepresentativeJaime YorresFrance
18AccountantElizabeth LincolnUSA
19Accounting ManagerJaime YorresSpain
20Marketing AssistantPatricio SimpsonArgentina
21Accounting ManagerElizabeth LincolnAustria
22Sales RepresentativePaul HenriotAustria
23Marketing ManagerMatti KarttunenFrance
24Sales AgentMatti KarttunenItaly
25Sales AssociatePascale CartrainEngland
26OwnerElizabeth LincolnUSA
27Marketing AssistantHanna MoosAustria
28Accounting ManagerHanna MoosEngland
29Sales RepresentativeMatti KarttunenUSA
30Accounting ManagerPascale CartrainBrazil
31Sales ConsultantMatti KarttunenEngland
32Marketing AssistantHanna MoosFrance
33Sales AssociatePatricio SimpsonAustria
34Accounting ManagerJaime YorresAustria
35Marketing ManagerMatti KarttunenUSA
36Marketing ManagerHanna MoosArgentina
37OwnerElizabeth LincolnGermany
38Accounting ManagerJaime YorresSpain
39Marketing ManagerPaul HenriotUSA
40Sales ConsultantMatti KarttunenAustria
41Sales AssociateHoward SnyderBulgaria
42Sales ManagerGeorg PippsEngland
43OwnerGeorg PippsUSA
44Marketing ManagerMatti KarttunenArgentina
45Sales ManagerElizabeth LincolnAustria
46OwnerPascale CartrainGermany
47Sales AssociateGeorg PippsEngland
48OwnerPaul HenriotEngland
49Sales AgentPascale CartrainEngland
50Marketing ManagerPaul HenriotItaly
51Marketing ManagerJaime YorresItaly
52Accounting ManagerPascale CartrainGermany
53Sales AssociatePascale CartrainItaly
54Sales ManagerPatricio SimpsonBrazil
55Sales AgentPaul HenriotUSA
56Sales AssociateAntonio MorenoEngland
57Sales ManagerMatti KarttunenGermany
58Sales ManagerHanna MoosArgentina
59Sales AssociateJaime YorresUSA
60Accounting ManagerJaime YorresBrazil
61OwnerElizabeth LincolnAustria
62Sales AgentGeorg PippsGermany
63Sales AgentPaul HenriotFrance
64Accounting ManagerJaime YorresArgentina
65Sales AgentHanna MoosGermany
66Sales AgentElizabeth LincolnAustria
67Sales AgentJaime YorresUSA
68Marketing AssistantPaul HenriotUSA
69Sales ConsultantElizabeth LincolnItaly
70Sales ConsultantPascale CartrainEngland
71Marketing ManagerMatti KarttunenAustria
72Marketing AssistantPascale CartrainBrazil
73Marketing AssistantHoward SnyderFrance
74Sales AssociateGeorg PippsEngland
75Sales AgentAntonio MorenoEngland
76Accounting ManagerPaul HenriotEngland
77Sales ConsultantMatti KarttunenEngland
78AccountantHanna MoosFrance
79OwnerElizabeth LincolnFrance
80Sales ManagerPascale CartrainBulgaria
81Sales AssociateElizabeth LincolnBulgaria
82OwnerPascale CartrainArgentina
83Marketing AssistantJaime YorresArgentina
84Accounting ManagerHanna MoosSpain
85Marketing AssistantAntonio MorenoFrance
86Accounting ManagerAntonio MorenoBulgaria
87AccountantGeorg PippsItaly
88OwnerPatricio SimpsonUSA
89Accounting ManagerHoward SnyderEngland
90Marketing AssistantElizabeth LincolnSpain
91AccountantGeorg PippsBulgaria
92Accounting ManagerPascale CartrainItaly
93Sales AgentElizabeth LincolnBrazil
94Sales ManagerGeorg PippsAustria
95Accounting ManagerPascale CartrainBulgaria
96Marketing ManagerHanna MoosFrance
97Accounting ManagerJaime YorresUSA
98OwnerElizabeth LincolnEngland
99Marketing ManagerAntonio MorenoArgentina
100Accounting ManagerHoward SnyderBulgaria
 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?