Black skin

Grid - Virtualization

1Marketing AssistantPascale CartrainGermany
2Marketing ManagerPascale CartrainUSA
3Marketing ManagerGeorg PippsGermany
4Sales AgentAntonio MorenoFrance
5Marketing ManagerGeorg PippsBulgaria
6Sales ConsultantPascale CartrainFrance
7Accounting ManagerMatti KarttunenEngland
8Sales AgentGeorg PippsSpain
9Sales AgentHoward SnyderBulgaria
10Sales AgentHanna MoosSpain
11Sales ConsultantJaime YorresBrazil
12Sales ConsultantAntonio MorenoAustria
13OwnerPatricio SimpsonEngland
14AccountantHanna MoosUSA
15AccountantHoward SnyderGermany
16Sales ConsultantPatricio SimpsonEngland
17OwnerJaime YorresBulgaria
18Sales ConsultantElizabeth LincolnItaly
19Accounting ManagerPaul HenriotAustria
20Sales ConsultantGeorg PippsFrance
21Marketing ManagerAntonio MorenoBrazil
22Marketing ManagerPatricio SimpsonSpain
23Sales ConsultantPatricio SimpsonFrance
24Accounting ManagerMatti KarttunenItaly
25Marketing ManagerJaime YorresAustria
26Sales AgentAntonio MorenoAustria
27Marketing AssistantMatti KarttunenFrance
28Sales AgentHanna MoosGermany
29Sales AgentPascale CartrainArgentina
30Sales AssociatePaul HenriotGermany
31Marketing ManagerHanna MoosFrance
32Marketing AssistantPascale CartrainAustria
33Sales AgentElizabeth LincolnSpain
34Sales AgentElizabeth LincolnArgentina
35Sales ConsultantPaul HenriotSpain
36Accounting ManagerAntonio MorenoFrance
37Sales RepresentativeHoward SnyderAustria
38AccountantJaime YorresEngland
39Sales RepresentativePaul HenriotFrance
40Accounting ManagerMatti KarttunenItaly
41Sales RepresentativeGeorg PippsEngland
42Sales AssociateJaime YorresAustria
43OwnerPaul HenriotArgentina
44Accounting ManagerGeorg PippsBrazil
45Sales ConsultantPascale CartrainBulgaria
46Sales ManagerMatti KarttunenGermany
47Accounting ManagerHoward SnyderAustria
48Sales ConsultantMatti KarttunenUSA
49Marketing ManagerPatricio SimpsonFrance
50Marketing ManagerPascale CartrainSpain
51Sales AgentElizabeth LincolnGermany
52Sales AssociateMatti KarttunenBrazil
53Sales AssociateHanna MoosArgentina
54Sales ManagerGeorg PippsFrance
55Marketing ManagerPatricio SimpsonBulgaria
56Marketing AssistantElizabeth LincolnGermany
57Sales AssociateMatti KarttunenFrance
58Marketing AssistantPascale CartrainUSA
59Sales ConsultantPascale CartrainBrazil
60Sales AgentPaul HenriotGermany
61Marketing AssistantHanna MoosAustria
62Sales ManagerHoward SnyderGermany
63OwnerElizabeth LincolnGermany
64Sales AgentPaul HenriotGermany
65Marketing AssistantPatricio SimpsonBulgaria
66Sales AgentPaul HenriotFrance
67OwnerJaime YorresGermany
68OwnerPatricio SimpsonBulgaria
69Sales ManagerGeorg PippsItaly
70Sales AgentHanna MoosEngland
71OwnerPascale CartrainBulgaria
72Sales AssociateAntonio MorenoBrazil
73AccountantGeorg PippsArgentina
74AccountantPascale CartrainArgentina
75Sales AgentHanna MoosFrance
76Marketing ManagerHanna MoosFrance
77Sales AssociateAntonio MorenoUSA
78Marketing ManagerElizabeth LincolnAustria
79Sales ConsultantHanna MoosUSA
80Accounting ManagerElizabeth LincolnEngland
81Sales AgentHanna MoosBulgaria
82Marketing ManagerGeorg PippsGermany
83Accounting ManagerPascale CartrainGermany
84Sales AgentMatti KarttunenArgentina
85AccountantPascale CartrainFrance
86Sales ConsultantPatricio SimpsonSpain
87Sales ConsultantPascale CartrainArgentina
88Sales ConsultantJaime YorresItaly
89Sales AgentMatti KarttunenGermany
90OwnerGeorg PippsArgentina
91Marketing AssistantPascale CartrainArgentina
92Sales RepresentativeGeorg PippsAustria
93Sales AgentGeorg PippsAustria
94Sales ConsultantPascale CartrainEngland
95Marketing ManagerAntonio MorenoItaly
96Sales RepresentativePatricio SimpsonItaly
97AccountantMatti KarttunenArgentina
98AccountantMatti KarttunenBulgaria
99Sales RepresentativeMatti KarttunenSpain
100Sales ManagerHanna MoosAustria
 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?