Silk skin

Grid - Virtualization

1Sales AgentElizabeth LincolnBrazil
2OwnerElizabeth LincolnEngland
3OwnerGeorg PippsBrazil
4Marketing AssistantHanna MoosSpain
5Marketing AssistantHanna MoosGermany
6Marketing AssistantGeorg PippsFrance
7Marketing ManagerPascale CartrainUSA
8OwnerElizabeth LincolnSpain
9Marketing ManagerHoward SnyderBrazil
10Sales RepresentativeMatti KarttunenBrazil
11Sales ConsultantJaime YorresEngland
12Marketing AssistantHoward SnyderItaly
13Marketing ManagerMatti KarttunenFrance
14Sales AssociateElizabeth LincolnBulgaria
15Marketing ManagerPatricio SimpsonAustria
16Sales AssociateMatti KarttunenBulgaria
17OwnerPascale CartrainBulgaria
18Marketing AssistantAntonio MorenoFrance
19Marketing AssistantPaul HenriotSpain
20Sales ConsultantPaul HenriotArgentina
21OwnerPaul HenriotBrazil
22Marketing ManagerElizabeth LincolnUSA
23Sales RepresentativeElizabeth LincolnBulgaria
24Marketing AssistantAntonio MorenoEngland
25Sales ConsultantJaime YorresBulgaria
26Accounting ManagerElizabeth LincolnUSA
27Sales AgentJaime YorresGermany
28AccountantHoward SnyderBulgaria
29Marketing ManagerMatti KarttunenEngland
30Accounting ManagerElizabeth LincolnArgentina
31Marketing AssistantAntonio MorenoEngland
32Sales ManagerPaul HenriotUSA
33Sales ManagerElizabeth LincolnArgentina
34AccountantHanna MoosFrance
35Sales AgentPaul HenriotEngland
36Sales AgentHoward SnyderItaly
37Accounting ManagerMatti KarttunenUSA
38Accounting ManagerGeorg PippsFrance
39Marketing AssistantPaul HenriotAustria
40Sales ConsultantPascale CartrainGermany
41Sales ConsultantHoward SnyderItaly
42Sales AssociateMatti KarttunenGermany
43Sales RepresentativeElizabeth LincolnAustria
44OwnerMatti KarttunenBrazil
45Sales ConsultantPascale CartrainFrance
46Marketing AssistantJaime YorresBrazil
47OwnerElizabeth LincolnGermany
48Sales AssociatePatricio SimpsonBrazil
49Accounting ManagerAntonio MorenoAustria
50Marketing AssistantGeorg PippsFrance
51Sales RepresentativeMatti KarttunenEngland
52Sales AssociatePatricio SimpsonUSA
53Sales ConsultantPaul HenriotArgentina
54AccountantHoward SnyderUSA
55Sales AgentAntonio MorenoUSA
56OwnerMatti KarttunenEngland
57Sales AgentPascale CartrainUSA
58Accounting ManagerJaime YorresAustria
59Sales AssociateAntonio MorenoArgentina
60Sales AgentJaime YorresGermany
61OwnerElizabeth LincolnGermany
62Sales AgentPaul HenriotFrance
63Marketing ManagerHoward SnyderSpain
64Sales AgentPaul HenriotBulgaria
65Sales ManagerPascale CartrainBulgaria
66Sales AssociateMatti KarttunenArgentina
67Sales AgentPascale CartrainFrance
68Sales RepresentativePatricio SimpsonArgentina
69Sales ConsultantHoward SnyderAustria
70Sales ConsultantMatti KarttunenItaly
71Sales RepresentativeAntonio MorenoEngland
72OwnerAntonio MorenoAustria
73Sales AssociateGeorg PippsArgentina
74AccountantPaul HenriotGermany
75Marketing AssistantHanna MoosAustria
76Marketing ManagerHoward SnyderSpain
77AccountantJaime YorresGermany
78Accounting ManagerPaul HenriotItaly
79Sales AgentGeorg PippsEngland
80Marketing AssistantElizabeth LincolnGermany
81Sales RepresentativePascale CartrainItaly
82Sales ManagerPaul HenriotFrance
83Marketing AssistantElizabeth LincolnBulgaria
84Sales RepresentativePaul HenriotBrazil
85Sales AssociateElizabeth LincolnUSA
86Sales ManagerAntonio MorenoSpain
87Accounting ManagerHoward SnyderArgentina
88Accounting ManagerHanna MoosEngland
89Sales ManagerHoward SnyderUSA
90Marketing ManagerHanna MoosAustria
91Sales ManagerPaul HenriotSpain
92Sales AssociateAntonio MorenoArgentina
93OwnerMatti KarttunenSpain
94Marketing AssistantPascale CartrainItaly
95Marketing ManagerPascale CartrainSpain
96Sales AgentElizabeth LincolnUSA
97OwnerElizabeth LincolnUSA
98OwnerPaul HenriotAustria
99OwnerPascale CartrainUSA
100Marketing ManagerElizabeth LincolnUSA
 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?