Web20 skin

Grid - Virtualization

1Sales AgentHoward SnyderSpain
2Marketing AssistantAntonio MorenoEngland
3Sales RepresentativeAntonio MorenoAustria
4Sales ConsultantHanna MoosItaly
5Sales AssociateAntonio MorenoSpain
6Marketing ManagerElizabeth LincolnGermany
7AccountantPascale CartrainEngland
8Sales ManagerJaime YorresSpain
9Sales AgentPascale CartrainItaly
10Sales AssociatePascale CartrainItaly
11Sales RepresentativeElizabeth LincolnItaly
12Sales AgentJaime YorresAustria
13Marketing ManagerPascale CartrainGermany
14Accounting ManagerPatricio SimpsonBrazil
15Sales RepresentativeHoward SnyderSpain
16Sales ConsultantAntonio MorenoEngland
17Sales ManagerElizabeth LincolnBrazil
18Sales ManagerPatricio SimpsonBulgaria
19Sales ManagerPascale CartrainSpain
20Sales ManagerPatricio SimpsonEngland
21Marketing ManagerMatti KarttunenFrance
22Sales RepresentativeJaime YorresArgentina
23Marketing ManagerElizabeth LincolnItaly
24Sales AgentMatti KarttunenEngland
25Marketing AssistantJaime YorresSpain
26Sales AssociatePatricio SimpsonUSA
27Sales RepresentativeHoward SnyderEngland
28OwnerElizabeth LincolnItaly
29Sales RepresentativeMatti KarttunenGermany
30Sales AssociatePascale CartrainItaly
31AccountantPatricio SimpsonAustria
32Sales AssociateHanna MoosBrazil
33Sales ConsultantMatti KarttunenGermany
34Sales RepresentativeMatti KarttunenBrazil
35Marketing ManagerMatti KarttunenAustria
36Sales RepresentativeMatti KarttunenEngland
37Sales RepresentativeElizabeth LincolnAustria
38Sales AgentJaime YorresUSA
39AccountantAntonio MorenoGermany
40AccountantAntonio MorenoBrazil
41AccountantMatti KarttunenBrazil
42Marketing ManagerPascale CartrainSpain
43Sales ManagerJaime YorresUSA
44Sales AssociatePascale CartrainFrance
45Marketing ManagerPascale CartrainFrance
46OwnerMatti KarttunenBulgaria
47Marketing AssistantElizabeth LincolnArgentina
48Sales AgentGeorg PippsEngland
49Sales AssociateHoward SnyderArgentina
50Sales AssociateMatti KarttunenAustria
51AccountantPatricio SimpsonBrazil
52Marketing ManagerPaul HenriotBulgaria
53Sales ManagerPascale CartrainArgentina
54AccountantElizabeth LincolnArgentina
55Sales AssociateAntonio MorenoItaly
56AccountantPatricio SimpsonBrazil
57OwnerPatricio SimpsonFrance
58Sales ManagerHoward SnyderArgentina
59AccountantPatricio SimpsonBrazil
60Marketing ManagerPatricio SimpsonBrazil
61Marketing ManagerAntonio MorenoUSA
62Accounting ManagerElizabeth LincolnFrance
63Marketing AssistantGeorg PippsGermany
64Marketing AssistantAntonio MorenoUSA
65OwnerHoward SnyderBrazil
66Marketing AssistantPatricio SimpsonItaly
67Accounting ManagerMatti KarttunenBulgaria
68Sales ConsultantPatricio SimpsonSpain
69Marketing AssistantElizabeth LincolnArgentina
70OwnerHanna MoosItaly
71OwnerPascale CartrainBulgaria
72Sales AgentHanna MoosFrance
73OwnerGeorg PippsSpain
74Sales AssociatePaul HenriotEngland
75Sales AssociateJaime YorresFrance
76Accounting ManagerPascale CartrainBulgaria
77Sales RepresentativeHoward SnyderBulgaria
78Accounting ManagerMatti KarttunenFrance
79Sales ConsultantPascale CartrainEngland
80Sales RepresentativeAntonio MorenoEngland
81Accounting ManagerPaul HenriotGermany
82Accounting ManagerGeorg PippsUSA
83Sales ConsultantJaime YorresAustria
84Marketing ManagerGeorg PippsBulgaria
85Marketing AssistantElizabeth LincolnItaly
86OwnerMatti KarttunenEngland
87Sales AgentAntonio MorenoItaly
88Sales ManagerElizabeth LincolnItaly
89AccountantPatricio SimpsonBulgaria
90Accounting ManagerPatricio SimpsonFrance
91Sales ConsultantHoward SnyderAustria
92Sales ConsultantElizabeth LincolnArgentina
93Accounting ManagerPatricio SimpsonSpain
94OwnerHoward SnyderBrazil
95Sales RepresentativeAntonio MorenoFrance
96Accounting ManagerAntonio MorenoEngland
97Sales RepresentativePaul HenriotBrazil
98Sales ManagerElizabeth LincolnGermany
99Sales AssociateMatti KarttunenEngland
100Sales AgentMatti KarttunenGermany
 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?