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

Grid - Virtualization

1Marketing ManagerPaul HenriotAustria
2AccountantPascale CartrainSpain
3OwnerJaime YorresItaly
4Sales ManagerPatricio SimpsonItaly
5Sales AssociatePatricio SimpsonAustria
6Sales AgentHoward SnyderEngland
7Sales AssociatePaul HenriotAustria
8OwnerPaul HenriotArgentina
9Sales ConsultantPascale CartrainItaly
10Sales AssociatePascale CartrainArgentina
11Sales AssociateHoward SnyderUSA
12Sales ConsultantPaul HenriotBulgaria
13Sales ManagerGeorg PippsEngland
14AccountantElizabeth LincolnBrazil
15Marketing AssistantGeorg PippsGermany
16Sales ConsultantHoward SnyderUSA
17Marketing ManagerMatti KarttunenUSA
18Sales ManagerMatti KarttunenUSA
19AccountantElizabeth LincolnUSA
20Sales RepresentativePascale CartrainAustria
21Sales RepresentativeGeorg PippsArgentina
22Accounting ManagerHoward SnyderBulgaria
23Marketing ManagerJaime YorresBulgaria
24AccountantHoward SnyderBulgaria
25Accounting ManagerAntonio MorenoEngland
26Sales AssociateAntonio MorenoBrazil
27Sales AgentPascale CartrainEngland
28Sales RepresentativeHanna MoosAustria
29Sales RepresentativeElizabeth LincolnUSA
30Accounting ManagerMatti KarttunenAustria
31Sales ConsultantHoward SnyderArgentina
32AccountantMatti KarttunenAustria
33Sales AgentAntonio MorenoFrance
34Marketing ManagerHanna MoosBrazil
35Marketing ManagerJaime YorresItaly
36Sales AgentHoward SnyderSpain
37Sales AssociateHoward SnyderArgentina
38Sales ManagerGeorg PippsGermany
39Sales AgentPatricio SimpsonBulgaria
40OwnerPascale CartrainItaly
41Sales ConsultantElizabeth LincolnAustria
42Sales ConsultantPatricio SimpsonItaly
43Sales AgentElizabeth LincolnUSA
44Sales ConsultantJaime YorresBulgaria
45Sales RepresentativeAntonio MorenoAustria
46Sales ManagerHoward SnyderBrazil
47Sales ConsultantHoward SnyderUSA
48Marketing AssistantPascale CartrainFrance
49OwnerAntonio MorenoUSA
50Marketing ManagerJaime YorresSpain
51Marketing ManagerPatricio SimpsonFrance
52Marketing ManagerElizabeth LincolnBrazil
53Accounting ManagerMatti KarttunenArgentina
54Marketing AssistantPascale CartrainFrance
55Sales ConsultantElizabeth LincolnArgentina
56Sales RepresentativePascale CartrainEngland
57OwnerPaul HenriotBulgaria
58Marketing ManagerPascale CartrainItaly
59Sales ManagerPaul HenriotAustria
60Sales AgentJaime YorresFrance
61Marketing ManagerHanna MoosUSA
62Sales ConsultantHanna MoosEngland
63Sales RepresentativeHanna MoosBulgaria
64Marketing AssistantPascale CartrainArgentina
65Sales AgentMatti KarttunenBulgaria
66Accounting ManagerPaul HenriotUSA
67Marketing ManagerJaime YorresEngland
68OwnerElizabeth LincolnSpain
69Marketing AssistantGeorg PippsFrance
70Sales ManagerHanna MoosAustria
71AccountantPaul HenriotArgentina
72Sales AgentPascale CartrainAustria
73Sales ManagerPatricio SimpsonEngland
74Sales ManagerGeorg PippsArgentina
75Accounting ManagerMatti KarttunenArgentina
76Accounting ManagerMatti KarttunenAustria
77AccountantElizabeth LincolnSpain
78Sales AgentAntonio MorenoBulgaria
79Sales AssociateHoward SnyderItaly
80AccountantGeorg PippsBulgaria
81Sales AssociatePaul HenriotGermany
82Marketing AssistantElizabeth LincolnBulgaria
83Sales AssociateHoward SnyderBulgaria
84Marketing ManagerPaul HenriotGermany
85Accounting ManagerPascale CartrainEngland
86Marketing AssistantGeorg PippsBrazil
87Sales AssociatePascale CartrainFrance
88AccountantPatricio SimpsonSpain
89OwnerPaul HenriotSpain
90Sales ManagerHanna MoosBrazil
91AccountantHoward SnyderItaly
92Marketing AssistantAntonio MorenoGermany
93Marketing AssistantAntonio MorenoSpain
94Marketing ManagerPaul HenriotFrance
95Sales ManagerAntonio MorenoArgentina
96Sales ManagerPaul HenriotBrazil
97Accounting ManagerGeorg PippsEngland
98Sales ManagerHoward SnyderFrance
99Marketing ManagerMatti KarttunenSpain
100Sales RepresentativePaul HenriotSpain
 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?