Metro skin

Grid - Virtualization

1Sales AgentPatricio SimpsonSpain
2Sales ManagerPatricio SimpsonEngland
3Marketing ManagerElizabeth LincolnArgentina
4Sales ManagerPaul HenriotItaly
5Marketing ManagerPaul HenriotBulgaria
6Sales ConsultantMatti KarttunenEngland
7Sales RepresentativeMatti KarttunenFrance
8AccountantMatti KarttunenGermany
9Sales RepresentativeHoward SnyderFrance
10Marketing AssistantMatti KarttunenBulgaria
11Sales ConsultantPascale CartrainArgentina
12OwnerAntonio MorenoFrance
13Accounting ManagerJaime YorresSpain
14Sales RepresentativeHanna MoosBrazil
15Marketing ManagerPascale CartrainFrance
16Marketing ManagerPatricio SimpsonBrazil
17Sales AssociatePaul HenriotItaly
18OwnerMatti KarttunenUSA
19Marketing AssistantPaul HenriotItaly
20Marketing AssistantPascale CartrainEngland
21AccountantPatricio SimpsonGermany
22Marketing AssistantHoward SnyderArgentina
23Sales ConsultantPaul HenriotBrazil
24Marketing ManagerElizabeth LincolnEngland
25OwnerHanna MoosBrazil
26Sales AgentPascale CartrainFrance
27Marketing AssistantHanna MoosFrance
28Accounting ManagerHanna MoosItaly
29Marketing AssistantPascale CartrainGermany
30Sales AgentPascale CartrainBrazil
31Sales RepresentativeHanna MoosFrance
32Sales ConsultantJaime YorresUSA
33Sales ConsultantAntonio MorenoGermany
34OwnerGeorg PippsFrance
35Accounting ManagerPascale CartrainAustria
36Marketing ManagerPatricio SimpsonEngland
37Marketing AssistantHanna MoosEngland
38Marketing ManagerGeorg PippsBulgaria
39Accounting ManagerPascale CartrainGermany
40OwnerGeorg PippsSpain
41Accounting ManagerPascale CartrainUSA
42Sales ConsultantPaul HenriotUSA
43Sales AgentElizabeth LincolnFrance
44Marketing ManagerElizabeth LincolnGermany
45Sales ConsultantPaul HenriotAustria
46Sales ConsultantAntonio MorenoFrance
47Sales RepresentativeJaime YorresArgentina
48Sales ConsultantAntonio MorenoBrazil
49Sales AgentPatricio SimpsonEngland
50OwnerPaul HenriotArgentina
51Sales RepresentativePatricio SimpsonFrance
52Marketing AssistantHanna MoosGermany
53Sales ConsultantPaul HenriotEngland
54Sales RepresentativeElizabeth LincolnBrazil
55Sales AssociateJaime YorresUSA
56Sales ConsultantHoward SnyderFrance
57OwnerJaime YorresEngland
58Marketing AssistantElizabeth LincolnArgentina
59Sales AgentJaime YorresArgentina
60OwnerJaime YorresAustria
61Sales ManagerAntonio MorenoAustria
62Sales ManagerHoward SnyderBulgaria
63Sales AgentMatti KarttunenSpain
64Marketing ManagerHoward SnyderAustria
65Sales AgentHoward SnyderEngland
66Marketing ManagerPatricio SimpsonBrazil
67OwnerMatti KarttunenGermany
68Sales ConsultantPaul HenriotBulgaria
69Accounting ManagerJaime YorresUSA
70Sales ConsultantGeorg PippsSpain
71Sales AgentPaul HenriotBrazil
72Marketing ManagerJaime YorresEngland
73Marketing AssistantHoward SnyderGermany
74Marketing AssistantGeorg PippsFrance
75Accounting ManagerAntonio MorenoArgentina
76Sales RepresentativeMatti KarttunenBrazil
77Marketing AssistantHanna MoosAustria
78Sales ManagerJaime YorresGermany
79Marketing ManagerMatti KarttunenBrazil
80Marketing ManagerHanna MoosUSA
81Sales AssociatePatricio SimpsonBulgaria
82AccountantPaul HenriotItaly
83Sales ManagerMatti KarttunenAustria
84AccountantPatricio SimpsonEngland
85OwnerElizabeth LincolnFrance
86Sales AssociatePaul HenriotArgentina
87Sales RepresentativeElizabeth LincolnGermany
88Marketing AssistantGeorg PippsGermany
89Sales RepresentativePascale CartrainFrance
90Sales RepresentativeHanna MoosFrance
91Accounting ManagerPaul HenriotItaly
92Marketing ManagerPatricio SimpsonArgentina
93Sales RepresentativePaul HenriotFrance
94Sales ConsultantPascale CartrainSpain
95AccountantMatti KarttunenAustria
96Marketing ManagerPascale CartrainAustria
97Accounting ManagerGeorg PippsBulgaria
98OwnerJaime YorresArgentina
99OwnerMatti KarttunenBrazil
100Marketing AssistantJaime YorresBulgaria
 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?