Web20 skin

Grid - Virtualization

1Marketing AssistantHoward SnyderSpain
2Marketing ManagerPaul HenriotArgentina
3Sales AssociatePatricio SimpsonGermany
4Sales RepresentativePatricio SimpsonGermany
5Sales ManagerMatti KarttunenAustria
6AccountantMatti KarttunenArgentina
7Accounting ManagerMatti KarttunenArgentina
8Sales ConsultantHanna MoosArgentina
9Sales ConsultantPascale CartrainFrance
10Sales RepresentativeAntonio MorenoSpain
11Marketing AssistantHanna MoosBrazil
12Marketing AssistantHoward SnyderBrazil
13Sales ManagerHoward SnyderBrazil
14Sales ManagerHanna MoosAustria
15Sales AgentPatricio SimpsonAustria
16OwnerMatti KarttunenSpain
17Sales ManagerHoward SnyderGermany
18Marketing ManagerPascale CartrainArgentina
19OwnerPascale CartrainUSA
20AccountantAntonio MorenoBulgaria
21Sales ConsultantHanna MoosItaly
22Sales AssociateAntonio MorenoBulgaria
23Sales ManagerMatti KarttunenSpain
24Sales RepresentativeElizabeth LincolnBrazil
25Sales AssociateJaime YorresEngland
26Sales RepresentativePascale CartrainBulgaria
27Sales AgentGeorg PippsFrance
28Accounting ManagerJaime YorresAustria
29AccountantHanna MoosUSA
30Marketing ManagerMatti KarttunenEngland
31AccountantPatricio SimpsonSpain
32Sales ConsultantAntonio MorenoFrance
33Marketing ManagerHanna MoosFrance
34Marketing AssistantPatricio SimpsonGermany
35Sales RepresentativeAntonio MorenoFrance
36Marketing AssistantAntonio MorenoEngland
37OwnerGeorg PippsFrance
38OwnerElizabeth LincolnBulgaria
39Sales RepresentativePascale CartrainAustria
40Sales RepresentativeHoward SnyderFrance
41Marketing ManagerAntonio MorenoSpain
42Sales ManagerElizabeth LincolnSpain
43Sales RepresentativeHanna MoosItaly
44Marketing AssistantHoward SnyderUSA
45AccountantElizabeth LincolnBulgaria
46Accounting ManagerAntonio MorenoAustria
47Sales AssociatePascale CartrainFrance
48Accounting ManagerPaul HenriotGermany
49AccountantHoward SnyderItaly
50Marketing AssistantHanna MoosSpain
51OwnerAntonio MorenoArgentina
52Sales ConsultantJaime YorresBulgaria
53Accounting ManagerPaul HenriotEngland
54Marketing ManagerHoward SnyderEngland
55Accounting ManagerPascale CartrainSpain
56AccountantAntonio MorenoBrazil
57Sales AssociateGeorg PippsEngland
58OwnerElizabeth LincolnBrazil
59Sales AgentPatricio SimpsonItaly
60Marketing ManagerHanna MoosItaly
61Sales AgentAntonio MorenoGermany
62OwnerElizabeth LincolnBrazil
63Sales ConsultantAntonio MorenoArgentina
64Sales AgentJaime YorresUSA
65OwnerPatricio SimpsonGermany
66Sales AgentGeorg PippsAustria
67Sales ManagerMatti KarttunenEngland
68Sales ConsultantJaime YorresUSA
69Sales AgentPaul HenriotSpain
70Sales ManagerAntonio MorenoSpain
71AccountantJaime YorresBrazil
72Sales ManagerPascale CartrainFrance
73Sales AgentHoward SnyderAustria
74Marketing AssistantGeorg PippsEngland
75Sales ConsultantJaime YorresSpain
76Sales AgentGeorg PippsEngland
77Sales AssociateHoward SnyderBulgaria
78Marketing ManagerPatricio SimpsonBrazil
79Accounting ManagerPascale CartrainArgentina
80OwnerPaul HenriotArgentina
81Sales ConsultantAntonio MorenoFrance
82OwnerPascale CartrainEngland
83Marketing ManagerHanna MoosItaly
84Accounting ManagerHoward SnyderAustria
85Sales ConsultantPatricio SimpsonSpain
86Sales AgentElizabeth LincolnAustria
87Sales AgentHanna MoosItaly
88Marketing ManagerHoward SnyderArgentina
89Sales ManagerPatricio SimpsonBrazil
90Sales ConsultantPascale CartrainBulgaria
91Sales ConsultantPaul HenriotEngland
92Sales AgentAntonio MorenoArgentina
93Marketing AssistantPaul HenriotBulgaria
94Sales ConsultantPatricio SimpsonBrazil
95Marketing AssistantMatti KarttunenBrazil
96OwnerMatti KarttunenUSA
97Sales ConsultantPaul HenriotUSA
98Sales AssociatePascale CartrainSpain
99Sales AssociateElizabeth LincolnArgentina
100OwnerJaime YorresSpain
 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?