Simple skin

Grid - Virtualization

1Sales RepresentativeElizabeth LincolnBrazil
2Sales ConsultantAntonio MorenoItaly
3Sales ConsultantGeorg PippsItaly
4Sales AssociatePatricio SimpsonFrance
5Sales AgentHanna MoosUSA
6Marketing ManagerHoward SnyderGermany
7Sales RepresentativeElizabeth LincolnItaly
8Accounting ManagerHanna MoosFrance
9Marketing ManagerHoward SnyderGermany
10Marketing ManagerHoward SnyderUSA
11Accounting ManagerJaime YorresAustria
12Sales AgentPatricio SimpsonBulgaria
13OwnerGeorg PippsUSA
14Sales AgentPascale CartrainEngland
15Marketing AssistantPatricio SimpsonUSA
16Sales AgentHoward SnyderItaly
17Accounting ManagerHanna MoosBrazil
18Sales ManagerHoward SnyderSpain
19Sales AgentPascale CartrainItaly
20Accounting ManagerGeorg PippsUSA
21Sales AgentHanna MoosFrance
22Marketing ManagerPaul HenriotBulgaria
23Marketing AssistantPatricio SimpsonUSA
24AccountantHanna MoosGermany
25AccountantElizabeth LincolnBulgaria
26Marketing AssistantElizabeth LincolnAustria
27Accounting ManagerMatti KarttunenSpain
28Sales RepresentativeAntonio MorenoBrazil
29Sales AssociateElizabeth LincolnArgentina
30Marketing ManagerPascale CartrainEngland
31Sales RepresentativePaul HenriotAustria
32AccountantMatti KarttunenEngland
33AccountantPaul HenriotUSA
34Sales ManagerHanna MoosFrance
35AccountantPatricio SimpsonAustria
36Sales AgentMatti KarttunenBulgaria
37Sales AssociatePascale CartrainSpain
38Sales ManagerGeorg PippsBulgaria
39Sales ConsultantElizabeth LincolnFrance
40Sales ManagerHanna MoosFrance
41Sales ManagerMatti KarttunenGermany
42Marketing ManagerPatricio SimpsonBrazil
43Marketing ManagerElizabeth LincolnItaly
44Accounting ManagerElizabeth LincolnGermany
45Accounting ManagerPatricio SimpsonBrazil
46AccountantHanna MoosItaly
47OwnerAntonio MorenoEngland
48OwnerAntonio MorenoSpain
49Sales ManagerAntonio MorenoGermany
50Accounting ManagerHanna MoosSpain
51Marketing ManagerPascale CartrainSpain
52OwnerHoward SnyderItaly
53Sales ManagerPatricio SimpsonBulgaria
54Marketing AssistantJaime YorresBulgaria
55Sales RepresentativeHoward SnyderFrance
56Sales ConsultantElizabeth LincolnUSA
57Marketing AssistantAntonio MorenoBrazil
58Marketing ManagerPaul HenriotFrance
59Sales ManagerHanna MoosUSA
60Marketing ManagerPaul HenriotBulgaria
61Sales AssociateElizabeth LincolnGermany
62Sales AgentAntonio MorenoUSA
63Accounting ManagerGeorg PippsUSA
64Sales ConsultantMatti KarttunenGermany
65Sales AssociateAntonio MorenoAustria
66Sales AgentGeorg PippsFrance
67Sales ConsultantAntonio MorenoBrazil
68Marketing ManagerElizabeth LincolnAustria
69AccountantAntonio MorenoSpain
70Marketing AssistantPatricio SimpsonGermany
71Sales AgentPaul HenriotSpain
72Sales ManagerPatricio SimpsonUSA
73AccountantPaul HenriotBulgaria
74Marketing ManagerHanna MoosUSA
75Sales AgentHanna MoosItaly
76Sales AgentPascale CartrainSpain
77Sales ManagerAntonio MorenoGermany
78Sales ManagerHoward SnyderSpain
79Marketing ManagerMatti KarttunenGermany
80Sales ManagerPatricio SimpsonAustria
81Sales ConsultantElizabeth LincolnFrance
82Sales AssociateGeorg PippsBrazil
83Sales AgentAntonio MorenoGermany
84OwnerPatricio SimpsonAustria
85OwnerHanna MoosItaly
86Marketing ManagerPatricio SimpsonArgentina
87Sales AgentJaime YorresUSA
88Sales RepresentativeMatti KarttunenAustria
89Marketing ManagerPatricio SimpsonItaly
90Sales AgentHanna MoosSpain
91Sales AssociatePaul HenriotEngland
92Sales ManagerPaul HenriotUSA
93Marketing ManagerPascale CartrainAustria
94Marketing ManagerElizabeth LincolnBulgaria
95Sales RepresentativePatricio SimpsonEngland
96Sales ConsultantHoward SnyderAustria
97Sales AgentAntonio MorenoEngland
98Sales RepresentativeHoward SnyderArgentina
99Sales RepresentativeElizabeth LincolnAustria
100Marketing ManagerJaime YorresItaly
 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?