Windows7 skin

Grid - Virtualization

1Marketing ManagerJaime YorresBulgaria
2Sales AssociateElizabeth LincolnSpain
3OwnerHoward SnyderBrazil
4Sales AgentAntonio MorenoBulgaria
5Sales ConsultantPatricio SimpsonUSA
6Marketing ManagerAntonio MorenoEngland
7Sales AssociateGeorg PippsEngland
8Marketing AssistantPatricio SimpsonBrazil
9Sales ConsultantElizabeth LincolnBrazil
10Sales AssociateAntonio MorenoItaly
11Marketing ManagerHanna MoosAustria
12Sales ConsultantJaime YorresGermany
13Sales AgentPatricio SimpsonEngland
14OwnerPascale CartrainItaly
15Sales ManagerHoward SnyderSpain
16Sales AssociateGeorg PippsBrazil
17Marketing AssistantHoward SnyderEngland
18AccountantPatricio SimpsonBrazil
19Sales AgentPaul HenriotEngland
20Sales ConsultantElizabeth LincolnBulgaria
21Sales ConsultantElizabeth LincolnArgentina
22Sales ManagerHoward SnyderUSA
23Marketing AssistantJaime YorresGermany
24Marketing AssistantHoward SnyderArgentina
25Sales AgentJaime YorresAustria
26Marketing ManagerPatricio SimpsonFrance
27Sales ManagerPatricio SimpsonSpain
28Sales ManagerPascale CartrainBulgaria
29Accounting ManagerGeorg PippsBrazil
30Sales ConsultantGeorg PippsAustria
31Marketing AssistantHoward SnyderFrance
32Accounting ManagerPascale CartrainSpain
33Sales AgentPatricio SimpsonArgentina
34Accounting ManagerHoward SnyderEngland
35Sales ManagerHoward SnyderBrazil
36Accounting ManagerPascale CartrainItaly
37Sales AgentJaime YorresEngland
38Sales ConsultantPascale CartrainBulgaria
39Accounting ManagerAntonio MorenoEngland
40Sales AssociateElizabeth LincolnUSA
41Sales AgentElizabeth LincolnItaly
42Marketing ManagerMatti KarttunenSpain
43Sales ConsultantJaime YorresItaly
44Sales RepresentativeHanna MoosFrance
45Sales AssociateAntonio MorenoSpain
46Sales ManagerElizabeth LincolnArgentina
47OwnerJaime YorresSpain
48AccountantJaime YorresEngland
49Marketing AssistantPascale CartrainAustria
50AccountantPascale CartrainAustria
51Sales AgentJaime YorresBrazil
52OwnerElizabeth LincolnSpain
53Marketing ManagerJaime YorresEngland
54OwnerPascale CartrainEngland
55Sales AssociateJaime YorresEngland
56Accounting ManagerJaime YorresBrazil
57Sales ConsultantMatti KarttunenUSA
58OwnerHoward SnyderAustria
59Accounting ManagerPascale CartrainFrance
60Accounting ManagerElizabeth LincolnEngland
61Sales ConsultantPaul HenriotUSA
62AccountantPaul HenriotUSA
63OwnerPaul HenriotFrance
64Sales AgentPatricio SimpsonFrance
65Sales RepresentativeGeorg PippsSpain
66Marketing AssistantAntonio MorenoArgentina
67Sales AssociateGeorg PippsSpain
68AccountantGeorg PippsSpain
69Marketing AssistantPaul HenriotEngland
70AccountantMatti KarttunenGermany
71Sales AgentPatricio SimpsonAustria
72AccountantHanna MoosUSA
73OwnerGeorg PippsBrazil
74Sales ManagerPaul HenriotSpain
75Accounting ManagerAntonio MorenoFrance
76Sales AssociateMatti KarttunenBulgaria
77Sales ManagerElizabeth LincolnItaly
78Marketing AssistantPaul HenriotBrazil
79OwnerAntonio MorenoAustria
80Accounting ManagerHoward SnyderBulgaria
81Accounting ManagerPascale CartrainItaly
82AccountantGeorg PippsFrance
83Accounting ManagerPaul HenriotGermany
84Sales RepresentativePatricio SimpsonBrazil
85OwnerPatricio SimpsonAustria
86Sales AgentAntonio MorenoSpain
87Sales RepresentativeAntonio MorenoUSA
88AccountantElizabeth LincolnAustria
89AccountantPaul HenriotUSA
90AccountantPaul HenriotArgentina
91Accounting ManagerPaul HenriotArgentina
92Sales AgentPaul HenriotSpain
93AccountantPascale CartrainAustria
94Sales AgentAntonio MorenoUSA
95Sales RepresentativePaul HenriotEngland
96Marketing ManagerElizabeth LincolnGermany
97Marketing ManagerJaime YorresGermany
98Accounting ManagerAntonio MorenoArgentina
99OwnerPaul HenriotBulgaria
100Sales ConsultantPatricio SimpsonSpain
 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?