Sunset skin

Grid - Virtualization

1Sales AgentMatti KarttunenFrance
2Sales ConsultantHanna MoosEngland
3Sales RepresentativeHanna MoosAustria
4OwnerPatricio SimpsonBrazil
5Sales RepresentativeJaime YorresArgentina
6AccountantGeorg PippsGermany
7Sales AssociateElizabeth LincolnAustria
8Marketing ManagerPascale CartrainFrance
9Marketing AssistantMatti KarttunenItaly
10AccountantGeorg PippsGermany
11AccountantElizabeth LincolnEngland
12Accounting ManagerAntonio MorenoArgentina
13Sales ConsultantPatricio SimpsonItaly
14Sales ManagerHanna MoosAustria
15AccountantHanna MoosItaly
16Marketing ManagerJaime YorresItaly
17Marketing AssistantJaime YorresUSA
18Marketing ManagerHanna MoosGermany
19Marketing ManagerHanna MoosBrazil
20Sales ManagerElizabeth LincolnArgentina
21Sales RepresentativeAntonio MorenoUSA
22Marketing ManagerPascale CartrainFrance
23Marketing AssistantGeorg PippsArgentina
24Sales ManagerMatti KarttunenBrazil
25Sales ManagerAntonio MorenoAustria
26Marketing ManagerPascale CartrainSpain
27AccountantGeorg PippsUSA
28Accounting ManagerMatti KarttunenItaly
29Sales ManagerAntonio MorenoBulgaria
30Marketing AssistantJaime YorresAustria
31Sales RepresentativePaul HenriotFrance
32AccountantHoward SnyderItaly
33Marketing ManagerHoward SnyderArgentina
34Sales ManagerAntonio MorenoBrazil
35AccountantAntonio MorenoSpain
36Accounting ManagerJaime YorresSpain
37Sales AgentElizabeth LincolnGermany
38Sales AssociatePascale CartrainAustria
39Sales AgentAntonio MorenoItaly
40Sales AssociateMatti KarttunenEngland
41Marketing AssistantElizabeth LincolnBulgaria
42Sales AssociatePatricio SimpsonAustria
43Sales ConsultantElizabeth LincolnSpain
44Sales RepresentativePascale CartrainAustria
45Accounting ManagerGeorg PippsAustria
46Sales ManagerMatti KarttunenEngland
47Accounting ManagerPascale CartrainSpain
48Marketing ManagerMatti KarttunenSpain
49Sales RepresentativePatricio SimpsonItaly
50Sales AssociatePatricio SimpsonFrance
51Sales ConsultantMatti KarttunenArgentina
52Sales ConsultantElizabeth LincolnAustria
53Sales AgentMatti KarttunenGermany
54OwnerPascale CartrainAustria
55Sales RepresentativeGeorg PippsArgentina
56Sales ConsultantJaime YorresFrance
57Sales ManagerPaul HenriotBrazil
58OwnerHoward SnyderUSA
59AccountantPatricio SimpsonBrazil
60Sales ManagerPaul HenriotBulgaria
61Sales ConsultantHanna MoosEngland
62Sales ManagerPaul HenriotEngland
63OwnerPatricio SimpsonBrazil
64Sales AssociateGeorg PippsSpain
65Marketing ManagerPatricio SimpsonBulgaria
66Marketing ManagerPascale CartrainUSA
67Marketing ManagerPatricio SimpsonBulgaria
68Marketing AssistantMatti KarttunenAustria
69Accounting ManagerHanna MoosBrazil
70OwnerMatti KarttunenGermany
71Sales RepresentativeGeorg PippsBulgaria
72OwnerAntonio MorenoEngland
73Marketing ManagerPascale CartrainFrance
74Accounting ManagerHanna MoosBrazil
75Sales ManagerHoward SnyderGermany
76AccountantHoward SnyderGermany
77Accounting ManagerJaime YorresFrance
78Sales RepresentativeHanna MoosArgentina
79Accounting ManagerElizabeth LincolnAustria
80Sales RepresentativePaul HenriotFrance
81Marketing AssistantHoward SnyderEngland
82Sales ConsultantGeorg PippsFrance
83AccountantPascale CartrainSpain
84AccountantMatti KarttunenAustria
85Sales AgentHoward SnyderFrance
86Sales AgentHanna MoosBrazil
87AccountantPatricio SimpsonGermany
88Marketing AssistantElizabeth LincolnBrazil
89Sales AssociateHanna MoosItaly
90OwnerPatricio SimpsonGermany
91Accounting ManagerElizabeth LincolnArgentina
92Sales ConsultantMatti KarttunenGermany
93Marketing ManagerHoward SnyderArgentina
94Accounting ManagerElizabeth LincolnArgentina
95Sales RepresentativeMatti KarttunenUSA
96Sales ManagerMatti KarttunenItaly
97OwnerGeorg PippsUSA
98AccountantHanna MoosAustria
99Accounting ManagerMatti KarttunenBrazil
100Sales AssociateHanna MoosFrance
 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?