Silk skin

Grid - Virtualization

1Accounting ManagerAntonio MorenoBulgaria
2Sales AssociatePaul HenriotSpain
3Sales ConsultantHanna MoosEngland
4Marketing AssistantHanna MoosGermany
5AccountantPascale CartrainBrazil
6AccountantMatti KarttunenArgentina
7Marketing ManagerPatricio SimpsonUSA
8Sales AssociateAntonio MorenoItaly
9OwnerGeorg PippsUSA
10AccountantPatricio SimpsonAustria
11Marketing ManagerPatricio SimpsonArgentina
12Sales ConsultantElizabeth LincolnFrance
13OwnerPatricio SimpsonAustria
14Sales RepresentativePatricio SimpsonItaly
15Sales ConsultantPaul HenriotSpain
16Sales AgentMatti KarttunenFrance
17Accounting ManagerAntonio MorenoArgentina
18Sales AgentHanna MoosGermany
19Accounting ManagerJaime YorresBrazil
20Marketing AssistantJaime YorresFrance
21Accounting ManagerElizabeth LincolnUSA
22OwnerPatricio SimpsonItaly
23OwnerHoward SnyderAustria
24Sales ManagerHanna MoosBrazil
25Accounting ManagerMatti KarttunenFrance
26Sales RepresentativePatricio SimpsonArgentina
27Marketing AssistantPatricio SimpsonSpain
28Sales AssociateAntonio MorenoSpain
29Accounting ManagerElizabeth LincolnArgentina
30Sales ConsultantMatti KarttunenSpain
31Sales AgentPatricio SimpsonAustria
32Sales ManagerAntonio MorenoFrance
33Marketing ManagerPascale CartrainUSA
34Sales RepresentativePatricio SimpsonUSA
35Marketing AssistantMatti KarttunenUSA
36Marketing ManagerJaime YorresBrazil
37Marketing ManagerPascale CartrainItaly
38Sales RepresentativeHanna MoosUSA
39Accounting ManagerPatricio SimpsonAustria
40Sales ConsultantPaul HenriotBulgaria
41Sales AssociateAntonio MorenoSpain
42OwnerPascale CartrainAustria
43Sales AssociatePascale CartrainUSA
44OwnerElizabeth LincolnFrance
45Sales RepresentativePaul HenriotAustria
46Sales ManagerPaul HenriotBulgaria
47Sales RepresentativeAntonio MorenoGermany
48AccountantJaime YorresBrazil
49Sales RepresentativeMatti KarttunenBulgaria
50Marketing ManagerJaime YorresFrance
51Sales ConsultantPatricio SimpsonBrazil
52AccountantMatti KarttunenItaly
53Marketing ManagerMatti KarttunenArgentina
54Marketing AssistantJaime YorresSpain
55OwnerHanna MoosAustria
56Sales AssociateHoward SnyderEngland
57Sales ManagerHoward SnyderAustria
58Accounting ManagerPascale CartrainItaly
59Marketing AssistantPaul HenriotBrazil
60Sales ManagerHanna MoosBulgaria
61Sales ConsultantGeorg PippsUSA
62Sales AssociateMatti KarttunenGermany
63Sales AssociateMatti KarttunenArgentina
64Accounting ManagerMatti KarttunenBulgaria
65Marketing AssistantElizabeth LincolnSpain
66Sales AssociateGeorg PippsItaly
67Accounting ManagerPatricio SimpsonItaly
68OwnerElizabeth LincolnFrance
69Sales ConsultantHanna MoosBulgaria
70Sales RepresentativeGeorg PippsFrance
71Sales RepresentativePascale CartrainBulgaria
72Marketing ManagerHoward SnyderBrazil
73Sales RepresentativeJaime YorresBrazil
74Sales AssociateMatti KarttunenAustria
75Sales AgentPatricio SimpsonSpain
76Marketing ManagerHanna MoosArgentina
77Sales ManagerPascale CartrainUSA
78Sales ConsultantMatti KarttunenBrazil
79Sales AssociatePascale CartrainEngland
80Marketing ManagerHoward SnyderArgentina
81Sales AssociateHoward SnyderGermany
82Sales ManagerHoward SnyderGermany
83Sales AssociateGeorg PippsSpain
84Sales AgentAntonio MorenoArgentina
85Accounting ManagerAntonio MorenoFrance
86Marketing ManagerHanna MoosAustria
87Marketing ManagerJaime YorresAustria
88Sales AgentPatricio SimpsonGermany
89Sales AssociatePatricio SimpsonArgentina
90Sales RepresentativeHanna MoosBulgaria
91Sales AssociateGeorg PippsBrazil
92Sales AgentElizabeth LincolnArgentina
93Sales AgentPascale CartrainGermany
94OwnerPascale CartrainBrazil
95Marketing AssistantJaime YorresEngland
96Sales RepresentativePaul HenriotEngland
97AccountantPascale CartrainFrance
98Marketing AssistantAntonio MorenoBrazil
99Accounting ManagerHanna MoosUSA
100AccountantElizabeth LincolnSpain
 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?