Silk skin

Grid - Virtualization

1Sales AgentPascale CartrainAustria
2Accounting ManagerPaul HenriotArgentina
3OwnerJaime YorresGermany
4Sales ConsultantHanna MoosSpain
5Accounting ManagerPaul HenriotUSA
6OwnerHoward SnyderEngland
7Marketing AssistantHanna MoosAustria
8AccountantElizabeth LincolnArgentina
9Accounting ManagerGeorg PippsBulgaria
10Sales RepresentativeHoward SnyderAustria
11Marketing AssistantAntonio MorenoEngland
12Sales ConsultantAntonio MorenoFrance
13Marketing AssistantPascale CartrainGermany
14Sales AgentHoward SnyderItaly
15Sales ManagerHanna MoosGermany
16Sales ConsultantAntonio MorenoEngland
17Sales ConsultantHoward SnyderEngland
18Sales AgentHanna MoosItaly
19Sales AssociateMatti KarttunenGermany
20Sales ManagerElizabeth LincolnEngland
21Sales ManagerGeorg PippsBrazil
22Sales AgentPaul HenriotBrazil
23Sales ManagerPascale CartrainBulgaria
24Accounting ManagerHanna MoosUSA
25Marketing AssistantJaime YorresGermany
26Sales AgentJaime YorresFrance
27Sales ManagerAntonio MorenoBulgaria
28Sales AssociatePaul HenriotBulgaria
29Accounting ManagerPatricio SimpsonArgentina
30Sales RepresentativeGeorg PippsItaly
31Accounting ManagerJaime YorresEngland
32Sales AgentPaul HenriotAustria
33OwnerPascale CartrainAustria
34Accounting ManagerPascale CartrainSpain
35AccountantJaime YorresAustria
36Marketing ManagerMatti KarttunenBulgaria
37Marketing ManagerGeorg PippsAustria
38Marketing ManagerGeorg PippsEngland
39Marketing ManagerHoward SnyderArgentina
40Accounting ManagerHanna MoosBulgaria
41Sales ConsultantPatricio SimpsonEngland
42Sales RepresentativePatricio SimpsonFrance
43Marketing ManagerGeorg PippsEngland
44Marketing AssistantGeorg PippsEngland
45Sales RepresentativePaul HenriotSpain
46Sales ConsultantHoward SnyderGermany
47AccountantAntonio MorenoSpain
48Marketing ManagerMatti KarttunenArgentina
49Sales AgentAntonio MorenoFrance
50Sales RepresentativeHanna MoosGermany
51Sales RepresentativePatricio SimpsonItaly
52Marketing ManagerJaime YorresBrazil
53Sales ManagerHoward SnyderSpain
54OwnerPascale CartrainEngland
55Marketing AssistantPascale CartrainBulgaria
56Sales ManagerHanna MoosGermany
57Sales AssociateAntonio MorenoBulgaria
58Sales ManagerElizabeth LincolnAustria
59Accounting ManagerHoward SnyderUSA
60AccountantPascale CartrainUSA
61Sales AgentGeorg PippsGermany
62Marketing ManagerAntonio MorenoSpain
63Accounting ManagerPaul HenriotGermany
64Accounting ManagerPaul HenriotUSA
65AccountantAntonio MorenoArgentina
66Marketing AssistantPaul HenriotFrance
67AccountantAntonio MorenoUSA
68Sales AgentHoward SnyderGermany
69Sales AgentPascale CartrainGermany
70Marketing AssistantMatti KarttunenAustria
71AccountantAntonio MorenoSpain
72Sales AgentElizabeth LincolnBulgaria
73Marketing AssistantJaime YorresBrazil
74Accounting ManagerAntonio MorenoUSA
75OwnerHoward SnyderSpain
76Marketing ManagerMatti KarttunenArgentina
77AccountantJaime YorresArgentina
78AccountantHoward SnyderSpain
79Sales RepresentativeElizabeth LincolnBulgaria
80Sales ManagerMatti KarttunenBrazil
81OwnerPaul HenriotEngland
82Sales AssociatePatricio SimpsonAustria
83Marketing AssistantGeorg PippsUSA
84Sales RepresentativeElizabeth LincolnEngland
85Accounting ManagerPaul HenriotEngland
86AccountantHanna MoosUSA
87Sales ConsultantElizabeth LincolnSpain
88Sales ConsultantElizabeth LincolnEngland
89Sales AssociateMatti KarttunenArgentina
90OwnerHanna MoosItaly
91OwnerPatricio SimpsonFrance
92Marketing ManagerMatti KarttunenArgentina
93OwnerHoward SnyderUSA
94Sales ManagerMatti KarttunenBulgaria
95Sales AgentGeorg PippsItaly
96Marketing ManagerMatti KarttunenUSA
97Sales ConsultantHoward SnyderBrazil
98Marketing AssistantJaime YorresAustria
99AccountantGeorg PippsUSA
100Sales ConsultantHoward SnyderUSA
 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?