Black skin

Grid - Virtualization

1Marketing ManagerAntonio MorenoArgentina
2Sales AgentMatti KarttunenUSA
3AccountantPatricio SimpsonBulgaria
4OwnerElizabeth LincolnAustria
5Sales ManagerJaime YorresBulgaria
6Accounting ManagerAntonio MorenoGermany
7Sales ConsultantAntonio MorenoBrazil
8Accounting ManagerPatricio SimpsonItaly
9Marketing AssistantHoward SnyderAustria
10Sales AssociateGeorg PippsBrazil
11Sales AgentMatti KarttunenBrazil
12Accounting ManagerHanna MoosBrazil
13OwnerPaul HenriotBulgaria
14Sales AgentJaime YorresUSA
15Accounting ManagerGeorg PippsSpain
16AccountantHoward SnyderSpain
17Marketing AssistantPatricio SimpsonUSA
18Accounting ManagerPascale CartrainFrance
19Sales ManagerPaul HenriotBulgaria
20OwnerPaul HenriotBrazil
21OwnerPaul HenriotFrance
22Marketing ManagerElizabeth LincolnEngland
23Marketing AssistantPaul HenriotBrazil
24Marketing AssistantHanna MoosUSA
25Sales AgentPatricio SimpsonGermany
26Sales RepresentativeMatti KarttunenEngland
27Sales AgentHanna MoosEngland
28Marketing ManagerAntonio MorenoUSA
29Sales AssociateHanna MoosFrance
30Accounting ManagerJaime YorresBrazil
31Accounting ManagerMatti KarttunenEngland
32Sales AgentPaul HenriotEngland
33Sales AssociateHanna MoosGermany
34Marketing AssistantAntonio MorenoBulgaria
35Sales AgentHoward SnyderBulgaria
36Sales RepresentativeElizabeth LincolnItaly
37Accounting ManagerMatti KarttunenArgentina
38Marketing ManagerHanna MoosBulgaria
39Sales ManagerPascale CartrainBulgaria
40Sales RepresentativeGeorg PippsEngland
41AccountantPascale CartrainEngland
42Sales AssociateHoward SnyderSpain
43Sales ManagerGeorg PippsArgentina
44Sales ManagerPaul HenriotArgentina
45Marketing ManagerHoward SnyderEngland
46Marketing AssistantElizabeth LincolnItaly
47AccountantMatti KarttunenEngland
48Sales AgentAntonio MorenoAustria
49Sales AssociateHoward SnyderEngland
50OwnerMatti KarttunenAustria
51Sales AgentHanna MoosEngland
52Marketing ManagerAntonio MorenoAustria
53Sales AssociatePatricio SimpsonBrazil
54Sales AgentJaime YorresItaly
55Marketing AssistantHanna MoosAustria
56Accounting ManagerAntonio MorenoUSA
57Sales ConsultantPascale CartrainAustria
58Sales AssociateHanna MoosFrance
59Sales RepresentativePatricio SimpsonFrance
60Accounting ManagerPaul HenriotGermany
61Sales RepresentativeGeorg PippsSpain
62OwnerPascale CartrainSpain
63OwnerJaime YorresItaly
64Sales AssociateHanna MoosGermany
65Sales AssociateMatti KarttunenFrance
66Sales ManagerJaime YorresArgentina
67Sales RepresentativePatricio SimpsonEngland
68Accounting ManagerAntonio MorenoEngland
69Sales ConsultantHoward SnyderItaly
70OwnerMatti KarttunenBrazil
71AccountantHanna MoosSpain
72OwnerHanna MoosItaly
73OwnerHoward SnyderGermany
74Marketing ManagerPaul HenriotEngland
75Sales AgentPatricio SimpsonEngland
76Sales AssociateAntonio MorenoItaly
77Sales RepresentativePatricio SimpsonItaly
78Sales ConsultantHanna MoosUSA
79OwnerPaul HenriotUSA
80Sales ConsultantPascale CartrainBrazil
81Sales RepresentativeGeorg PippsAustria
82Sales AgentHoward SnyderFrance
83Marketing ManagerGeorg PippsFrance
84Sales AssociateAntonio MorenoEngland
85Sales AgentElizabeth LincolnUSA
86Sales ConsultantPatricio SimpsonItaly
87Marketing ManagerHanna MoosUSA
88Marketing AssistantElizabeth LincolnAustria
89Sales ConsultantGeorg PippsItaly
90Sales AgentHanna MoosBrazil
91AccountantPascale CartrainAustria
92Marketing AssistantHanna MoosItaly
93OwnerMatti KarttunenFrance
94Sales ManagerJaime YorresFrance
95Sales ManagerPaul HenriotItaly
96AccountantMatti KarttunenSpain
97Sales ConsultantHoward SnyderEngland
98Accounting ManagerPaul HenriotFrance
99Sales AssociatePascale CartrainEngland
100AccountantMatti KarttunenArgentina
 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?