Outlook skin

Grid - Virtualization

1Sales ConsultantPatricio SimpsonSpain
2Sales RepresentativeGeorg PippsUSA
3Marketing ManagerHanna MoosGermany
4Sales ConsultantMatti KarttunenSpain
5Marketing AssistantPatricio SimpsonGermany
6Marketing ManagerElizabeth LincolnSpain
7Marketing AssistantAntonio MorenoArgentina
8Accounting ManagerPascale CartrainFrance
9OwnerGeorg PippsBulgaria
10AccountantPatricio SimpsonGermany
11Accounting ManagerHanna MoosSpain
12Sales RepresentativeHanna MoosSpain
13AccountantHoward SnyderUSA
14Marketing AssistantJaime YorresBrazil
15OwnerPaul HenriotAustria
16Sales ManagerGeorg PippsUSA
17Sales ConsultantPascale CartrainBulgaria
18Marketing AssistantPatricio SimpsonGermany
19Sales AssociateAntonio MorenoSpain
20Sales ManagerPatricio SimpsonBulgaria
21Sales ManagerPascale CartrainSpain
22OwnerElizabeth LincolnUSA
23AccountantPaul HenriotUSA
24Marketing AssistantAntonio MorenoFrance
25Sales ConsultantAntonio MorenoGermany
26AccountantMatti KarttunenBrazil
27AccountantElizabeth LincolnGermany
28AccountantJaime YorresArgentina
29Sales AgentGeorg PippsUSA
30Sales RepresentativeHoward SnyderArgentina
31Sales AssociateHanna MoosSpain
32Sales ManagerPatricio SimpsonBrazil
33Sales AgentPaul HenriotAustria
34Accounting ManagerJaime YorresAustria
35Sales AgentMatti KarttunenArgentina
36OwnerGeorg PippsBrazil
37Sales RepresentativeHoward SnyderArgentina
38Sales RepresentativeHoward SnyderFrance
39Sales RepresentativeMatti KarttunenUSA
40Sales AssociateMatti KarttunenAustria
41AccountantMatti KarttunenItaly
42Marketing AssistantPascale CartrainAustria
43Accounting ManagerPascale CartrainItaly
44Sales AgentAntonio MorenoArgentina
45Sales ConsultantHoward SnyderArgentina
46Sales AgentMatti KarttunenAustria
47Sales AgentAntonio MorenoFrance
48Marketing AssistantPaul HenriotGermany
49Marketing ManagerJaime YorresSpain
50Sales AssociateElizabeth LincolnSpain
51Sales AgentPaul HenriotUSA
52OwnerJaime YorresSpain
53AccountantHanna MoosBulgaria
54Marketing ManagerElizabeth LincolnUSA
55AccountantPatricio SimpsonArgentina
56Sales ConsultantAntonio MorenoEngland
57Marketing AssistantPatricio SimpsonBrazil
58Marketing AssistantHanna MoosUSA
59AccountantHoward SnyderItaly
60Sales AssociateHoward SnyderAustria
61AccountantAntonio MorenoBulgaria
62Sales AgentElizabeth LincolnGermany
63Sales ManagerElizabeth LincolnArgentina
64Sales AgentPatricio SimpsonBulgaria
65OwnerElizabeth LincolnAustria
66AccountantPatricio SimpsonEngland
67Marketing AssistantGeorg PippsGermany
68AccountantPaul HenriotEngland
69AccountantJaime YorresArgentina
70Sales AssociateAntonio MorenoAustria
71Sales RepresentativePascale CartrainEngland
72Sales AgentJaime YorresUSA
73Sales AssociateAntonio MorenoGermany
74Sales ManagerElizabeth LincolnBrazil
75Sales AgentAntonio MorenoFrance
76Sales ManagerMatti KarttunenUSA
77Marketing AssistantGeorg PippsSpain
78Marketing AssistantPatricio SimpsonFrance
79Sales AgentPaul HenriotUSA
80Accounting ManagerHanna MoosFrance
81Marketing ManagerMatti KarttunenBrazil
82OwnerHoward SnyderBrazil
83Sales AssociateHanna MoosFrance
84Sales RepresentativeGeorg PippsBulgaria
85Accounting ManagerPaul HenriotAustria
86Sales ConsultantJaime YorresAustria
87AccountantJaime YorresItaly
88Sales ManagerMatti KarttunenAustria
89Accounting ManagerJaime YorresBrazil
90Sales ManagerMatti KarttunenEngland
91Marketing AssistantAntonio MorenoSpain
92OwnerHanna MoosArgentina
93Sales AssociateElizabeth LincolnFrance
94Sales AgentHoward SnyderGermany
95Sales ManagerHanna MoosUSA
96Accounting ManagerGeorg PippsBrazil
97Accounting ManagerMatti KarttunenSpain
98Marketing ManagerHanna MoosBrazil
99AccountantPascale CartrainFrance
100Sales ManagerMatti KarttunenAustria
 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?