Silk skin

Grid - Virtualization

1Sales ConsultantJaime YorresItaly
2Sales ConsultantAntonio MorenoAustria
3Sales RepresentativeHoward SnyderAustria
4Sales AgentJaime YorresItaly
5Sales ConsultantPatricio SimpsonBulgaria
6Accounting ManagerAntonio MorenoUSA
7Marketing ManagerHoward SnyderSpain
8Marketing AssistantHoward SnyderAustria
9Sales AgentMatti KarttunenAustria
10Marketing ManagerGeorg PippsUSA
11Sales RepresentativePascale CartrainEngland
12Sales ConsultantMatti KarttunenEngland
13Marketing AssistantAntonio MorenoAustria
14Marketing AssistantMatti KarttunenAustria
15Accounting ManagerJaime YorresSpain
16Marketing AssistantMatti KarttunenBulgaria
17Sales ConsultantMatti KarttunenEngland
18Accounting ManagerPascale CartrainUSA
19Sales AssociatePatricio SimpsonSpain
20Sales ManagerPatricio SimpsonSpain
21Sales AgentHoward SnyderEngland
22Sales ConsultantPascale CartrainEngland
23Sales AgentJaime YorresBrazil
24Sales AgentGeorg PippsGermany
25Sales AgentAntonio MorenoFrance
26Marketing ManagerElizabeth LincolnItaly
27Sales ManagerElizabeth LincolnEngland
28OwnerJaime YorresBrazil
29Sales AssociateAntonio MorenoArgentina
30Sales AgentJaime YorresBrazil
31Sales AgentAntonio MorenoBrazil
32Sales ManagerHanna MoosEngland
33Sales AssociateMatti KarttunenBulgaria
34Marketing AssistantElizabeth LincolnBulgaria
35Marketing AssistantJaime YorresAustria
36AccountantElizabeth LincolnGermany
37Sales AssociatePaul HenriotAustria
38OwnerPatricio SimpsonBulgaria
39Accounting ManagerAntonio MorenoGermany
40Marketing ManagerHanna MoosGermany
41Marketing ManagerJaime YorresItaly
42Sales ManagerHoward SnyderEngland
43Sales AssociateGeorg PippsItaly
44Marketing AssistantPaul HenriotGermany
45Sales AssociateHoward SnyderItaly
46Sales RepresentativeAntonio MorenoAustria
47Accounting ManagerPascale CartrainArgentina
48AccountantMatti KarttunenItaly
49AccountantMatti KarttunenArgentina
50AccountantJaime YorresGermany
51Sales ManagerPaul HenriotAustria
52Marketing ManagerPaul HenriotFrance
53OwnerGeorg PippsArgentina
54AccountantHoward SnyderEngland
55Sales AgentHanna MoosItaly
56Sales AssociateHanna MoosEngland
57Sales RepresentativeElizabeth LincolnBrazil
58Sales AgentHanna MoosArgentina
59Accounting ManagerHanna MoosBrazil
60Marketing ManagerPatricio SimpsonBrazil
61Marketing ManagerHanna MoosFrance
62Marketing ManagerGeorg PippsFrance
63Marketing AssistantPascale CartrainEngland
64Accounting ManagerHanna MoosItaly
65Accounting ManagerJaime YorresSpain
66Sales RepresentativePaul HenriotItaly
67Sales ConsultantMatti KarttunenEngland
68AccountantAntonio MorenoBrazil
69Marketing AssistantJaime YorresArgentina
70Sales ManagerHanna MoosUSA
71AccountantPaul HenriotUSA
72Marketing AssistantAntonio MorenoAustria
73OwnerHanna MoosBulgaria
74Sales ConsultantGeorg PippsArgentina
75Marketing AssistantElizabeth LincolnItaly
76Marketing AssistantElizabeth LincolnUSA
77Sales AgentPatricio SimpsonEngland
78Marketing ManagerPaul HenriotAustria
79Sales AssociateElizabeth LincolnGermany
80Marketing ManagerElizabeth LincolnEngland
81OwnerMatti KarttunenUSA
82Sales AssociateGeorg PippsFrance
83AccountantGeorg PippsBulgaria
84Marketing AssistantGeorg PippsBulgaria
85Sales ConsultantMatti KarttunenAustria
86OwnerHanna MoosItaly
87Accounting ManagerHoward SnyderItaly
88Sales ConsultantPaul HenriotUSA
89Sales RepresentativePaul HenriotGermany
90Marketing ManagerJaime YorresBulgaria
91Sales AgentGeorg PippsBrazil
92AccountantAntonio MorenoItaly
93Marketing ManagerPascale CartrainAustria
94Sales AgentJaime YorresSpain
95AccountantGeorg PippsBrazil
96Sales ManagerPascale CartrainEngland
97Sales ManagerJaime YorresAustria
98AccountantAntonio MorenoAustria
99Sales ConsultantPaul HenriotUSA
100Sales ConsultantPaul 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?