Material skin

Grid - Virtualization

1Marketing ManagerJaime YorresSpain
2Sales AgentGeorg PippsGermany
3Sales ManagerPaul HenriotBulgaria
4Sales ConsultantGeorg PippsGermany
5Marketing AssistantPaul HenriotBrazil
6Sales ConsultantPaul HenriotUSA
7Sales AssociateElizabeth LincolnSpain
8Marketing ManagerMatti KarttunenUSA
9Sales AssociateJaime YorresArgentina
10Sales RepresentativeAntonio MorenoItaly
11Sales ConsultantMatti KarttunenItaly
12Sales RepresentativePaul HenriotFrance
13Sales AgentGeorg PippsAustria
14Sales AssociateElizabeth LincolnGermany
15Marketing ManagerElizabeth LincolnSpain
16Marketing ManagerPatricio SimpsonUSA
17OwnerHanna MoosBulgaria
18Sales RepresentativePascale CartrainGermany
19Sales AgentHoward SnyderSpain
20Sales AgentPatricio SimpsonEngland
21Sales AssociateHanna MoosItaly
22Marketing AssistantMatti KarttunenItaly
23Sales ManagerPatricio SimpsonUSA
24Sales AgentPascale CartrainSpain
25OwnerAntonio MorenoFrance
26Sales AgentHoward SnyderBrazil
27Sales AssociateHanna MoosBrazil
28OwnerElizabeth LincolnBulgaria
29Accounting ManagerPatricio SimpsonFrance
30Sales ConsultantPascale CartrainBrazil
31Sales ManagerPaul HenriotUSA
32Marketing ManagerMatti KarttunenAustria
33Sales AssociateHoward SnyderBulgaria
34Sales ConsultantHanna MoosBrazil
35OwnerPaul HenriotBulgaria
36Marketing ManagerPaul HenriotBulgaria
37Sales ConsultantElizabeth LincolnSpain
38Sales RepresentativePatricio SimpsonBulgaria
39OwnerElizabeth LincolnArgentina
40Sales ConsultantGeorg PippsBrazil
41Accounting ManagerPatricio SimpsonBulgaria
42Sales ManagerGeorg PippsItaly
43Sales AssociateAntonio MorenoUSA
44Marketing ManagerPascale CartrainItaly
45Marketing AssistantAntonio MorenoGermany
46Accounting ManagerHoward SnyderSpain
47AccountantPascale CartrainUSA
48Accounting ManagerAntonio MorenoItaly
49OwnerGeorg PippsArgentina
50Sales RepresentativeElizabeth LincolnArgentina
51OwnerHoward SnyderBrazil
52Sales ManagerElizabeth LincolnItaly
53Sales RepresentativeElizabeth LincolnEngland
54Sales AgentJaime YorresEngland
55OwnerMatti KarttunenBulgaria
56Accounting ManagerHanna MoosBrazil
57Sales ConsultantPaul HenriotEngland
58Accounting ManagerElizabeth LincolnArgentina
59Marketing AssistantPascale CartrainUSA
60OwnerPascale CartrainUSA
61Marketing AssistantHanna MoosAustria
62Marketing AssistantElizabeth LincolnUSA
63Sales ConsultantJaime YorresArgentina
64Sales ManagerGeorg PippsArgentina
65Sales AgentPaul HenriotAustria
66Sales ManagerJaime YorresGermany
67Accounting ManagerHanna MoosBrazil
68Accounting ManagerPatricio SimpsonAustria
69Sales RepresentativeAntonio MorenoEngland
70Accounting ManagerMatti KarttunenGermany
71Sales RepresentativePatricio SimpsonSpain
72Sales ConsultantPascale CartrainBrazil
73OwnerMatti KarttunenAustria
74AccountantHoward SnyderBulgaria
75AccountantHanna MoosBulgaria
76Accounting ManagerAntonio MorenoArgentina
77AccountantPascale CartrainBulgaria
78Sales RepresentativePascale CartrainArgentina
79Marketing AssistantHanna MoosFrance
80Sales RepresentativeHanna MoosArgentina
81OwnerPaul HenriotItaly
82Marketing ManagerHoward SnyderGermany
83AccountantJaime YorresEngland
84Sales AgentPaul HenriotArgentina
85Sales AssociateGeorg PippsBrazil
86Sales AssociateGeorg PippsItaly
87Marketing ManagerPaul HenriotAustria
88Sales AgentMatti KarttunenBulgaria
89Sales ManagerElizabeth LincolnBrazil
90Marketing ManagerPatricio SimpsonGermany
91Sales ConsultantMatti KarttunenAustria
92Marketing AssistantGeorg PippsBulgaria
93AccountantPascale CartrainGermany
94Sales AgentMatti KarttunenBulgaria
95AccountantHoward SnyderUSA
96Sales AgentHanna MoosBrazil
97AccountantGeorg PippsGermany
98OwnerPatricio SimpsonSpain
99Sales AgentHoward SnyderUSA
100Sales AssociateGeorg PippsEngland
 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?