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

Grid - Virtualization

1Sales ConsultantHanna MoosBrazil
2Sales RepresentativeElizabeth LincolnBrazil
3Sales ManagerPatricio SimpsonEngland
4Sales ConsultantAntonio MorenoFrance
5Marketing AssistantMatti KarttunenSpain
6AccountantPatricio SimpsonUSA
7Sales AssociateElizabeth LincolnUSA
8Accounting ManagerElizabeth LincolnUSA
9Sales ManagerAntonio MorenoArgentina
10Marketing ManagerPaul HenriotGermany
11Sales AgentMatti KarttunenSpain
12Sales RepresentativeElizabeth LincolnFrance
13OwnerJaime YorresArgentina
14Sales ConsultantPatricio SimpsonArgentina
15Marketing ManagerGeorg PippsBulgaria
16Sales ManagerPaul HenriotSpain
17Marketing AssistantGeorg PippsArgentina
18Sales ConsultantHanna MoosEngland
19Accounting ManagerAntonio MorenoBrazil
20Marketing ManagerMatti KarttunenFrance
21Sales RepresentativeMatti KarttunenGermany
22Marketing AssistantHoward SnyderUSA
23Sales AssociatePaul HenriotFrance
24OwnerPascale CartrainEngland
25Sales ConsultantAntonio MorenoBrazil
26Marketing ManagerHoward SnyderGermany
27Sales RepresentativeElizabeth LincolnGermany
28Sales AgentHanna MoosArgentina
29Sales ManagerPaul HenriotUSA
30Sales ManagerPatricio SimpsonBulgaria
31Sales RepresentativeMatti KarttunenBrazil
32OwnerPaul HenriotArgentina
33Sales ConsultantPatricio SimpsonFrance
34Accounting ManagerHoward SnyderGermany
35Sales AssociateJaime YorresBrazil
36Sales RepresentativeJaime YorresAustria
37Sales RepresentativeHoward SnyderBrazil
38Accounting ManagerElizabeth LincolnArgentina
39OwnerMatti KarttunenEngland
40Sales ConsultantJaime YorresAustria
41Sales ManagerHanna MoosSpain
42OwnerPaul HenriotItaly
43Sales AssociatePaul HenriotGermany
44Marketing ManagerAntonio MorenoSpain
45OwnerHanna MoosSpain
46Marketing ManagerAntonio MorenoSpain
47Sales RepresentativeMatti KarttunenBrazil
48Sales ConsultantPatricio SimpsonGermany
49Sales ConsultantGeorg PippsEngland
50Sales AgentMatti KarttunenEngland
51Accounting ManagerAntonio MorenoFrance
52AccountantHanna MoosAustria
53Sales AgentJaime YorresFrance
54OwnerGeorg PippsAustria
55Sales ConsultantElizabeth LincolnUSA
56Sales ConsultantHoward SnyderItaly
57AccountantAntonio MorenoGermany
58Accounting ManagerJaime YorresEngland
59Sales ConsultantJaime YorresUSA
60Marketing ManagerJaime YorresFrance
61Marketing ManagerGeorg PippsBrazil
62Sales AgentJaime YorresBulgaria
63Marketing ManagerMatti KarttunenGermany
64Marketing ManagerPascale CartrainAustria
65Marketing ManagerAntonio MorenoItaly
66Sales AssociateGeorg PippsUSA
67Sales ManagerMatti KarttunenItaly
68Sales ManagerHanna MoosUSA
69Marketing ManagerAntonio MorenoFrance
70Marketing ManagerPatricio SimpsonItaly
71AccountantPatricio SimpsonUSA
72Sales ConsultantHoward SnyderArgentina
73Sales AssociateMatti KarttunenEngland
74Sales AssociateJaime YorresEngland
75AccountantMatti KarttunenEngland
76Accounting ManagerHoward SnyderBrazil
77Sales AssociateJaime YorresSpain
78Marketing ManagerAntonio MorenoArgentina
79OwnerElizabeth LincolnBrazil
80Sales ManagerGeorg PippsItaly
81Accounting ManagerGeorg PippsAustria
82Accounting ManagerGeorg PippsEngland
83AccountantHanna MoosEngland
84Sales AssociatePascale CartrainEngland
85Accounting ManagerAntonio MorenoUSA
86Sales RepresentativePascale CartrainBrazil
87Sales AgentJaime YorresUSA
88Marketing ManagerMatti KarttunenGermany
89AccountantPatricio SimpsonItaly
90AccountantMatti KarttunenGermany
91Accounting ManagerMatti KarttunenFrance
92Sales ManagerHoward SnyderArgentina
93Sales AssociateMatti KarttunenGermany
94Marketing ManagerHanna MoosEngland
95Sales ConsultantPascale CartrainArgentina
96Sales AgentPascale CartrainSpain
97Sales AgentElizabeth LincolnFrance
98Sales RepresentativePascale CartrainGermany
99Accounting ManagerPascale CartrainAustria
100Accounting ManagerPaul HenriotItaly
 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,.
  • DefaultCS.aspx
  • DefaultCS.aspx.cs
  • styles.css
<%@ Page Language="c#" CodeFile="DefaultCS.aspx.cs" Inherits="Telerik.GridExamplesCSharp.Performance.Virtualization.DefaultCS" %>

<%@ 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?