Vista skin

Grid - Virtualization

1Sales AssociatePaul HenriotEngland
2Sales AgentPaul HenriotArgentina
3Sales ConsultantMatti KarttunenItaly
4Sales RepresentativeElizabeth LincolnGermany
5OwnerElizabeth LincolnEngland
6Marketing ManagerHoward SnyderItaly
7Sales RepresentativeHanna MoosGermany
8Sales ManagerJaime YorresUSA
9OwnerAntonio MorenoEngland
10Sales ConsultantElizabeth LincolnEngland
11Sales AssociateMatti KarttunenArgentina
12Sales ManagerHanna MoosFrance
13AccountantGeorg PippsGermany
14Sales ConsultantPatricio SimpsonSpain
15Sales AssociateElizabeth LincolnArgentina
16OwnerHanna MoosItaly
17Sales RepresentativePaul HenriotGermany
18Sales ConsultantAntonio MorenoEngland
19Sales RepresentativeGeorg PippsSpain
20Marketing ManagerHoward SnyderBrazil
21OwnerAntonio MorenoUSA
22Accounting ManagerPaul HenriotAustria
23Sales AgentHoward SnyderEngland
24Marketing AssistantMatti KarttunenAustria
25Sales AssociatePatricio SimpsonGermany
26OwnerHoward SnyderSpain
27Sales AssociatePaul HenriotBulgaria
28Marketing ManagerPascale CartrainBrazil
29Marketing ManagerMatti KarttunenBulgaria
30AccountantHanna MoosSpain
31Accounting ManagerMatti KarttunenGermany
32Marketing AssistantGeorg PippsItaly
33Sales ManagerGeorg PippsUSA
34Sales ConsultantAntonio MorenoEngland
35Sales AssociateGeorg PippsAustria
36Marketing AssistantAntonio MorenoItaly
37AccountantHoward SnyderBulgaria
38Sales AgentPascale CartrainBulgaria
39Sales AgentMatti KarttunenSpain
40Sales ManagerJaime YorresSpain
41Sales ConsultantAntonio MorenoFrance
42Sales RepresentativeHanna MoosGermany
43Sales RepresentativeElizabeth LincolnEngland
44Sales AgentElizabeth LincolnArgentina
45OwnerMatti KarttunenGermany
46Accounting ManagerPatricio SimpsonItaly
47Marketing AssistantPaul HenriotGermany
48Sales AssociateAntonio MorenoBrazil
49Sales RepresentativePaul HenriotItaly
50Marketing ManagerJaime YorresBrazil
51Sales ManagerPascale CartrainEngland
52Sales ConsultantPatricio SimpsonSpain
53Marketing ManagerHoward SnyderBulgaria
54Sales ManagerAntonio MorenoUSA
55Accounting ManagerHanna MoosBulgaria
56Sales AgentMatti KarttunenGermany
57Sales ManagerMatti KarttunenArgentina
58Marketing ManagerPascale CartrainEngland
59Sales RepresentativeGeorg PippsBulgaria
60AccountantGeorg PippsSpain
61OwnerHanna MoosFrance
62Sales ConsultantGeorg PippsBulgaria
63Sales AssociateAntonio MorenoItaly
64Marketing ManagerJaime YorresGermany
65AccountantGeorg PippsFrance
66Sales AssociateHanna MoosFrance
67AccountantAntonio MorenoSpain
68OwnerJaime YorresFrance
69Sales RepresentativeAntonio MorenoUSA
70Sales AgentGeorg PippsGermany
71Sales ConsultantElizabeth LincolnBrazil
72Sales RepresentativeHoward SnyderItaly
73Sales ManagerJaime YorresUSA
74OwnerGeorg PippsBrazil
75AccountantPatricio SimpsonBrazil
76Marketing AssistantElizabeth LincolnGermany
77AccountantHoward SnyderBulgaria
78AccountantHoward SnyderGermany
79Marketing AssistantMatti KarttunenBulgaria
80Marketing ManagerJaime YorresBrazil
81OwnerPaul HenriotUSA
82Marketing AssistantPaul HenriotBrazil
83Sales ManagerMatti KarttunenEngland
84Sales AgentPascale CartrainSpain
85Sales ManagerPascale CartrainBrazil
86Sales RepresentativeAntonio MorenoBulgaria
87OwnerHoward SnyderSpain
88Sales AssociateJaime YorresBulgaria
89Marketing AssistantPascale CartrainFrance
90Marketing ManagerGeorg PippsFrance
91Marketing ManagerHoward SnyderSpain
92Sales ManagerElizabeth LincolnFrance
93Accounting ManagerElizabeth LincolnBulgaria
94Marketing AssistantHoward SnyderUSA
95Sales AgentElizabeth LincolnSpain
96Sales AgentJaime YorresBulgaria
97OwnerMatti KarttunenGermany
98Sales RepresentativeHanna MoosUSA
99Sales AssociateMatti KarttunenUSA
100Sales AssociateGeorg PippsEngland
 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?