Black skin

Grid - Virtualization

1AccountantElizabeth LincolnUSA
2Sales RepresentativePascale CartrainArgentina
3Sales ManagerPascale CartrainSpain
4Sales ConsultantPaul HenriotAustria
5Sales AssociateHoward SnyderItaly
6Sales ConsultantHoward SnyderEngland
7Sales ConsultantHanna MoosItaly
8AccountantHoward SnyderBrazil
9OwnerPaul HenriotFrance
10Sales AgentHoward SnyderFrance
11Sales AssociatePaul HenriotFrance
12Marketing ManagerHoward SnyderBulgaria
13Sales RepresentativeMatti KarttunenFrance
14Sales RepresentativeJaime YorresBrazil
15Sales AgentGeorg PippsEngland
16Sales AgentElizabeth LincolnSpain
17Sales ManagerHoward SnyderUSA
18AccountantHoward SnyderItaly
19Sales ManagerPascale CartrainUSA
20Sales ManagerPaul HenriotEngland
21AccountantHanna MoosGermany
22AccountantPatricio SimpsonArgentina
23Marketing ManagerElizabeth LincolnEngland
24Sales ManagerMatti KarttunenArgentina
25OwnerHanna MoosSpain
26Sales ConsultantPatricio SimpsonBrazil
27Marketing AssistantElizabeth LincolnBrazil
28Sales ConsultantHoward SnyderAustria
29Marketing ManagerElizabeth LincolnBrazil
30Sales ManagerAntonio MorenoGermany
31Sales ManagerAntonio MorenoFrance
32Sales ManagerHanna MoosAustria
33Sales AgentElizabeth LincolnArgentina
34Marketing AssistantPatricio SimpsonBrazil
35AccountantJaime YorresArgentina
36AccountantMatti KarttunenItaly
37Sales ConsultantGeorg PippsAustria
38Sales ConsultantAntonio MorenoSpain
39Sales RepresentativeElizabeth LincolnBrazil
40Sales RepresentativeJaime YorresItaly
41Accounting ManagerHanna MoosItaly
42Marketing ManagerPaul HenriotSpain
43Sales ManagerHoward SnyderItaly
44Sales ConsultantAntonio MorenoEngland
45AccountantHoward SnyderItaly
46Sales ManagerElizabeth LincolnBulgaria
47Sales ManagerPatricio SimpsonEngland
48Accounting ManagerJaime YorresEngland
49Sales AgentPatricio SimpsonItaly
50Sales ManagerMatti KarttunenSpain
51Accounting ManagerAntonio MorenoEngland
52Sales RepresentativePaul HenriotSpain
53Marketing ManagerPascale CartrainUSA
54Sales ConsultantJaime YorresEngland
55Accounting ManagerPaul HenriotGermany
56OwnerHoward SnyderArgentina
57Sales RepresentativePaul HenriotItaly
58Marketing ManagerGeorg PippsAustria
59Accounting ManagerJaime YorresEngland
60Marketing ManagerHoward SnyderArgentina
61Sales ManagerElizabeth LincolnGermany
62Sales AgentHoward SnyderFrance
63Sales ManagerMatti KarttunenGermany
64Marketing ManagerAntonio MorenoItaly
65Sales AssociatePascale CartrainArgentina
66Sales RepresentativeElizabeth LincolnGermany
67Marketing ManagerAntonio MorenoUSA
68OwnerJaime YorresSpain
69Sales AgentPaul HenriotItaly
70Sales ConsultantPascale CartrainEngland
71Sales AssociateGeorg PippsEngland
72Sales ManagerAntonio MorenoBrazil
73OwnerHoward SnyderFrance
74AccountantElizabeth LincolnSpain
75Sales AssociateElizabeth LincolnSpain
76Sales RepresentativeHanna MoosFrance
77Marketing AssistantHanna MoosSpain
78Marketing AssistantElizabeth LincolnGermany
79Sales RepresentativeHanna MoosEngland
80OwnerElizabeth LincolnAustria
81Marketing AssistantPascale CartrainItaly
82Sales AssociatePatricio SimpsonSpain
83Sales AssociateJaime YorresItaly
84Sales AssociateGeorg PippsFrance
85Marketing ManagerJaime YorresGermany
86Sales ManagerHoward SnyderEngland
87Marketing ManagerJaime YorresFrance
88Sales ConsultantHanna MoosFrance
89Marketing ManagerElizabeth LincolnAustria
90Marketing ManagerPaul HenriotItaly
91Sales ConsultantPatricio SimpsonAustria
92Sales RepresentativeGeorg PippsSpain
93Marketing AssistantAntonio MorenoSpain
94Sales ConsultantGeorg PippsArgentina
95Sales RepresentativePaul HenriotFrance
96Accounting ManagerElizabeth LincolnArgentina
97Sales AgentGeorg PippsBrazil
98Sales ConsultantHanna MoosEngland
99AccountantPatricio SimpsonEngland
100Accounting ManagerPaul HenriotUSA
 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?