Grid - Virtualization

1AccountantAntonio MorenoSpain
2Sales ConsultantGeorg PippsEngland
3Sales AssociateAntonio MorenoFrance
4AccountantAntonio MorenoBrazil
5Sales AssociateElizabeth LincolnSpain
6Accounting ManagerElizabeth LincolnUSA
7AccountantHoward SnyderSpain
8Sales RepresentativeHanna MoosSpain
9Sales AgentMatti KarttunenSpain
10OwnerPatricio SimpsonAustria
11OwnerElizabeth LincolnUSA
12OwnerAntonio MorenoBulgaria
13Accounting ManagerHanna MoosArgentina
14Sales AgentHanna MoosAustria
15Sales AssociatePascale CartrainEngland
16OwnerAntonio MorenoEngland
17Marketing ManagerMatti KarttunenItaly
18OwnerPascale CartrainAustria
19Marketing AssistantPascale CartrainGermany
20Marketing ManagerPascale CartrainBrazil
21Sales AgentPaul HenriotFrance
22Accounting ManagerPascale CartrainBrazil
23AccountantHoward SnyderGermany
24AccountantHanna MoosAustria
25Sales AssociatePascale CartrainAustria
26Accounting ManagerJaime YorresEngland
27Accounting ManagerHanna MoosBulgaria
28Marketing AssistantPascale CartrainFrance
29Marketing ManagerHoward SnyderGermany
30Marketing ManagerJaime YorresUSA
31Sales AgentJaime YorresGermany
32Sales ConsultantHoward SnyderAustria
33Sales RepresentativeHanna MoosFrance
34AccountantPascale CartrainBulgaria
35Sales AssociateAntonio MorenoAustria
36Sales AssociatePatricio SimpsonAustria
37Marketing ManagerGeorg PippsGermany
38Sales RepresentativeHoward SnyderSpain
39OwnerPascale CartrainAustria
40Sales RepresentativeElizabeth LincolnUSA
41Accounting ManagerElizabeth LincolnBulgaria
42Sales ManagerPaul HenriotAustria
43Sales RepresentativePascale CartrainAustria
44Sales RepresentativePaul HenriotEngland
45Sales ManagerAntonio MorenoArgentina
46Sales AgentJaime YorresSpain
47Sales RepresentativeHanna MoosGermany
48AccountantPatricio SimpsonEngland
49Marketing AssistantPatricio SimpsonArgentina
50Sales RepresentativeAntonio MorenoArgentina
51Accounting ManagerPaul HenriotArgentina
52Marketing ManagerElizabeth LincolnEngland
53Accounting ManagerMatti KarttunenSpain
54Sales AgentHanna MoosBulgaria
55Marketing ManagerMatti KarttunenAustria
56Marketing ManagerMatti KarttunenBulgaria
57Sales ConsultantElizabeth LincolnBulgaria
58Sales AssociateElizabeth LincolnGermany
59Sales AssociatePatricio SimpsonSpain
60Accounting ManagerHanna MoosUSA
61Marketing AssistantElizabeth LincolnSpain
62Marketing AssistantHoward SnyderSpain
63AccountantAntonio MorenoBrazil
64Marketing ManagerGeorg PippsFrance
65OwnerPatricio SimpsonSpain
66Sales AgentHoward SnyderArgentina
67Accounting ManagerHoward SnyderBulgaria
68AccountantHoward SnyderBulgaria
69Accounting ManagerPascale CartrainItaly
70Sales RepresentativePatricio SimpsonSpain
71Sales RepresentativePaul HenriotItaly
72Sales ConsultantPascale CartrainBrazil
73Sales AgentElizabeth LincolnBulgaria
74Sales RepresentativeAntonio MorenoEngland
75Sales AgentJaime YorresSpain
76Sales ConsultantAntonio MorenoGermany
77Marketing AssistantPascale CartrainGermany
78Sales AgentPaul HenriotSpain
79Sales ManagerHoward SnyderEngland
80Sales RepresentativePascale CartrainFrance
81OwnerPascale CartrainItaly
82AccountantAntonio MorenoArgentina
83Sales AssociatePaul HenriotItaly
84Sales AgentPatricio SimpsonFrance
85Sales RepresentativeMatti KarttunenBrazil
86Sales ManagerHoward SnyderGermany
87Accounting ManagerPatricio SimpsonArgentina
88Sales ConsultantHanna MoosUSA
89Sales AssociatePascale CartrainFrance
90Marketing ManagerHanna MoosGermany
91Sales ConsultantElizabeth LincolnAustria
92OwnerMatti KarttunenSpain
93Marketing ManagerPascale CartrainBrazil
94Sales AgentPascale CartrainArgentina
95Marketing AssistantHoward SnyderItaly
96AccountantAntonio MorenoBulgaria
97OwnerHanna MoosEngland
98Sales AgentGeorg PippsSpain
99Accounting ManagerPaul HenriotUSA
100Sales ManagerJaime YorresGermany
 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?