Grid - Virtualization

1Accounting ManagerHoward SnyderSpain
2Sales AssociateHoward SnyderAustria
3Sales ConsultantMatti KarttunenItaly
4Sales AgentPascale CartrainUSA
5Sales RepresentativeAntonio MorenoEngland
6Sales ManagerPatricio SimpsonGermany
7AccountantJaime YorresGermany
8Accounting ManagerMatti KarttunenUSA
9Marketing ManagerHanna MoosBrazil
10Sales AssociateHoward SnyderGermany
11Sales ManagerAntonio MorenoUSA
12Accounting ManagerPascale CartrainUSA
13Sales AgentElizabeth LincolnBulgaria
14Sales AgentElizabeth LincolnEngland
15Sales ConsultantPascale CartrainUSA
16Marketing ManagerAntonio MorenoUSA
17Sales RepresentativeJaime YorresEngland
18Sales RepresentativePascale CartrainItaly
19Sales AgentPascale CartrainArgentina
20OwnerPatricio SimpsonEngland
21Sales ConsultantPascale CartrainAustria
22Sales RepresentativePaul HenriotUSA
23Sales AssociatePatricio SimpsonFrance
24Sales ManagerHanna MoosBrazil
25AccountantPaul HenriotGermany
26Sales AgentHoward SnyderItaly
27Sales ManagerAntonio MorenoGermany
28Sales AgentHoward SnyderAustria
29Sales ManagerPatricio SimpsonGermany
30Sales AssociateAntonio MorenoUSA
31Marketing ManagerHoward SnyderGermany
32Marketing AssistantPascale CartrainBulgaria
33Sales AgentPatricio SimpsonArgentina
34OwnerHoward SnyderArgentina
35Sales RepresentativePascale CartrainSpain
36Sales AgentPascale CartrainAustria
37OwnerElizabeth LincolnItaly
38Sales AgentMatti KarttunenBulgaria
39Marketing AssistantPatricio SimpsonBulgaria
40Accounting ManagerPatricio SimpsonArgentina
41Marketing AssistantPatricio SimpsonEngland
42Sales AgentPascale CartrainFrance
43Sales RepresentativeElizabeth LincolnArgentina
44Sales ConsultantGeorg PippsItaly
45AccountantJaime YorresArgentina
46AccountantElizabeth LincolnBulgaria
47Accounting ManagerJaime YorresSpain
48Sales ConsultantHoward SnyderAustria
49Marketing ManagerPaul HenriotBrazil
50Sales RepresentativeHoward SnyderSpain
51Sales AssociatePascale CartrainBrazil
52Accounting ManagerHoward SnyderGermany
53Sales ManagerElizabeth LincolnAustria
54Marketing ManagerJaime YorresFrance
55Sales ManagerPatricio SimpsonItaly
56AccountantPatricio SimpsonBulgaria
57AccountantJaime YorresSpain
58OwnerHanna MoosGermany
59Sales ManagerPaul HenriotItaly
60Sales RepresentativePascale CartrainBulgaria
61Sales ManagerHanna MoosUSA
62Sales ManagerGeorg PippsEngland
63Sales ConsultantMatti KarttunenItaly
64Marketing AssistantPaul HenriotEngland
65Sales RepresentativeHanna MoosBulgaria
66OwnerPascale CartrainFrance
67Sales RepresentativeHanna MoosEngland
68AccountantPaul HenriotUSA
69Sales RepresentativePatricio SimpsonAustria
70Marketing AssistantJaime YorresItaly
71Sales ManagerJaime YorresItaly
72Accounting ManagerElizabeth LincolnBrazil
73Sales AssociateAntonio MorenoSpain
74Sales ConsultantPascale CartrainAustria
75Marketing ManagerPascale CartrainAustria
76Accounting ManagerHoward SnyderBulgaria
77Marketing AssistantPaul HenriotGermany
78Accounting ManagerMatti KarttunenArgentina
79OwnerHanna MoosBulgaria
80OwnerPascale CartrainItaly
81Marketing AssistantPascale CartrainBrazil
82Sales RepresentativePascale CartrainFrance
83Sales AssociateHanna MoosItaly
84Marketing ManagerAntonio MorenoGermany
85Sales AssociateAntonio MorenoEngland
86Sales ConsultantElizabeth LincolnEngland
87AccountantPatricio SimpsonBrazil
88Marketing ManagerHanna MoosBrazil
89OwnerGeorg PippsAustria
90Sales AssociatePascale CartrainBulgaria
91OwnerPatricio SimpsonGermany
92Marketing AssistantJaime YorresSpain
93Accounting ManagerMatti KarttunenArgentina
94Sales AssociateJaime YorresItaly
95Sales ConsultantAntonio MorenoArgentina
96AccountantJaime YorresItaly
97Sales AssociateElizabeth LincolnUSA
98Sales ManagerMatti KarttunenItaly
99Sales AssociateJaime YorresFrance
100Accounting ManagerHoward SnyderFrance
 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?