Learn how to say "no" to ugly apps with the new R1'18 Telerik release. Sign up for the webinar!

Grid - Virtualization

1Accounting ManagerHoward SnyderArgentina
2Marketing AssistantJaime YorresBulgaria
3OwnerGeorg PippsSpain
4Sales AgentGeorg PippsBulgaria
5Sales RepresentativeHanna MoosFrance
6Sales AssociateMatti KarttunenFrance
7Marketing AssistantHoward SnyderUSA
8Sales RepresentativeJaime YorresGermany
9Sales RepresentativeHanna MoosAustria
10Sales ManagerElizabeth LincolnFrance
11Accounting ManagerGeorg PippsItaly
12OwnerHanna MoosEngland
13OwnerMatti KarttunenBrazil
14Accounting ManagerPaul HenriotArgentina
15Marketing ManagerJaime YorresItaly
16Marketing AssistantJaime YorresGermany
17Marketing AssistantJaime YorresAustria
18Sales AssociateAntonio MorenoItaly
19Sales RepresentativePatricio SimpsonSpain
20Sales ConsultantGeorg PippsGermany
21OwnerPascale CartrainFrance
22Sales AgentPatricio SimpsonUSA
23Marketing ManagerGeorg PippsEngland
24AccountantHanna MoosArgentina
25Sales ConsultantPascale CartrainBulgaria
26Marketing ManagerMatti KarttunenGermany
27Marketing ManagerGeorg PippsArgentina
28Sales ManagerPatricio SimpsonBulgaria
29Sales AgentPatricio SimpsonBrazil
30AccountantPaul HenriotBrazil
31AccountantElizabeth LincolnEngland
32Sales RepresentativePaul HenriotUSA
33Accounting ManagerGeorg PippsUSA
34OwnerHanna MoosBrazil
35Sales AgentPascale CartrainUSA
36Sales ConsultantPascale CartrainUSA
37Sales AssociatePaul HenriotItaly
38AccountantElizabeth LincolnBulgaria
39Sales ManagerJaime YorresItaly
40Marketing AssistantHanna MoosBulgaria
41AccountantAntonio MorenoEngland
42Sales ConsultantPatricio SimpsonItaly
43Accounting ManagerGeorg PippsBrazil
44Accounting ManagerMatti KarttunenAustria
45Sales ManagerPascale CartrainAustria
46Sales AssociateHanna MoosUSA
47Sales ManagerHoward SnyderAustria
48Marketing AssistantPascale CartrainGermany
49AccountantHanna MoosItaly
50Sales RepresentativeHanna MoosEngland
51Marketing ManagerJaime YorresEngland
52Marketing AssistantAntonio MorenoUSA
53Marketing AssistantHanna MoosSpain
54Sales AssociateHanna MoosBrazil
55AccountantPascale CartrainGermany
56Marketing ManagerPascale CartrainArgentina
57Marketing ManagerPaul HenriotUSA
58Accounting ManagerPascale CartrainSpain
59Marketing ManagerPaul HenriotGermany
60Sales ConsultantGeorg PippsBulgaria
61Marketing AssistantJaime YorresGermany
62AccountantMatti KarttunenEngland
63Accounting ManagerMatti KarttunenUSA
64OwnerElizabeth LincolnBulgaria
65Sales AgentPatricio SimpsonBrazil
66Sales ManagerGeorg PippsAustria
67Sales AssociateGeorg PippsGermany
68Sales ConsultantAntonio MorenoAustria
69Sales ManagerMatti KarttunenBulgaria
70Sales AgentPaul HenriotSpain
71AccountantAntonio MorenoFrance
72Sales ConsultantJaime YorresFrance
73Marketing ManagerMatti KarttunenUSA
74Accounting ManagerElizabeth LincolnGermany
75Sales AssociatePaul HenriotEngland
76Marketing AssistantHoward SnyderEngland
77Sales ConsultantGeorg PippsGermany
78AccountantPaul HenriotEngland
79OwnerGeorg PippsEngland
80Sales ConsultantElizabeth LincolnItaly
81Sales ConsultantHoward SnyderEngland
82Marketing AssistantPatricio SimpsonEngland
83Marketing AssistantHoward SnyderBrazil
84OwnerPaul HenriotSpain
85Accounting ManagerPaul HenriotArgentina
86OwnerHoward SnyderItaly
87Sales ManagerGeorg PippsItaly
88Sales ManagerAntonio MorenoBulgaria
89Accounting ManagerJaime YorresAustria
90Sales ManagerJaime YorresFrance
91Sales ManagerPatricio SimpsonFrance
92Sales RepresentativeAntonio MorenoFrance
93Sales ConsultantGeorg PippsBrazil
94AccountantHoward SnyderSpain
95Marketing AssistantAntonio MorenoGermany
96Marketing ManagerHoward SnyderUSA
97AccountantHanna MoosSpain
98AccountantPatricio SimpsonFrance
99Sales AssociatePascale CartrainSpain
100Sales ManagerMatti KarttunenGermany
 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?