Simple skin

Grid - Virtualization

1Marketing ManagerPascale CartrainFrance
2OwnerElizabeth LincolnItaly
3Sales AgentJaime YorresGermany
4OwnerHoward SnyderEngland
5Sales AssociatePascale CartrainEngland
6OwnerJaime YorresUSA
7Marketing ManagerAntonio MorenoBrazil
8Marketing ManagerPatricio SimpsonBulgaria
9Sales ManagerPaul HenriotBrazil
10Accounting ManagerMatti KarttunenFrance
11Sales AgentJaime YorresUSA
12Sales ConsultantPaul HenriotUSA
13AccountantPaul HenriotItaly
14AccountantPascale CartrainGermany
15Accounting ManagerHoward SnyderBrazil
16Sales ConsultantGeorg PippsArgentina
17Sales ConsultantMatti KarttunenArgentina
18Accounting ManagerPascale CartrainSpain
19Sales ConsultantGeorg PippsUSA
20OwnerMatti KarttunenEngland
21OwnerElizabeth LincolnAustria
22AccountantGeorg PippsBulgaria
23Sales ManagerMatti KarttunenGermany
24Sales AssociateHanna MoosFrance
25Sales ManagerPatricio SimpsonEngland
26OwnerAntonio MorenoGermany
27OwnerMatti KarttunenAustria
28Marketing ManagerGeorg PippsBrazil
29Sales AssociateMatti KarttunenUSA
30Sales RepresentativeHoward SnyderBulgaria
31Marketing ManagerMatti KarttunenBrazil
32OwnerMatti KarttunenFrance
33Marketing AssistantPaul HenriotArgentina
34Sales ManagerAntonio MorenoGermany
35Marketing ManagerPaul HenriotItaly
36Sales ManagerElizabeth LincolnSpain
37AccountantGeorg PippsGermany
38Sales AgentPatricio SimpsonFrance
39Marketing ManagerHoward SnyderItaly
40AccountantPascale CartrainArgentina
41Sales ManagerPaul HenriotBulgaria
42Marketing AssistantGeorg PippsAustria
43OwnerMatti KarttunenSpain
44Marketing AssistantElizabeth LincolnUSA
45AccountantPaul HenriotArgentina
46Marketing AssistantPatricio SimpsonEngland
47OwnerJaime YorresItaly
48Marketing ManagerGeorg PippsGermany
49AccountantHoward SnyderUSA
50Sales ManagerPaul HenriotItaly
51OwnerHoward SnyderItaly
52Sales AssociateGeorg PippsBulgaria
53Sales AgentPatricio SimpsonFrance
54Sales ManagerPaul HenriotSpain
55AccountantPaul HenriotSpain
56Sales RepresentativeGeorg PippsFrance
57Sales RepresentativeHoward SnyderFrance
58OwnerPaul HenriotBulgaria
59OwnerAntonio MorenoFrance
60OwnerHanna MoosArgentina
61Sales AgentGeorg PippsAustria
62Accounting ManagerJaime YorresUSA
63Sales RepresentativePaul HenriotItaly
64Marketing AssistantPaul HenriotUSA
65Sales AgentHoward SnyderAustria
66Sales ManagerElizabeth LincolnEngland
67Sales ManagerJaime YorresArgentina
68Sales AgentHoward SnyderAustria
69Marketing AssistantElizabeth LincolnBrazil
70Sales ConsultantMatti KarttunenFrance
71Sales ConsultantPaul HenriotItaly
72Sales ManagerPatricio SimpsonBrazil
73Sales ConsultantPatricio SimpsonGermany
74Marketing AssistantGeorg PippsAustria
75Sales ManagerHoward SnyderUSA
76Sales ManagerPaul HenriotItaly
77Marketing ManagerJaime YorresItaly
78Accounting ManagerJaime YorresFrance
79Marketing AssistantGeorg PippsUSA
80Marketing AssistantElizabeth LincolnItaly
81Sales ManagerMatti KarttunenGermany
82Sales AssociateHanna MoosArgentina
83AccountantHoward SnyderBulgaria
84Marketing AssistantGeorg PippsItaly
85Accounting ManagerHoward SnyderSpain
86Sales ConsultantHoward SnyderUSA
87AccountantHoward SnyderArgentina
88Accounting ManagerMatti KarttunenBulgaria
89AccountantGeorg PippsArgentina
90Marketing ManagerJaime YorresFrance
91Marketing AssistantPatricio SimpsonFrance
92Sales ConsultantPatricio SimpsonAustria
93OwnerHoward SnyderBrazil
94Marketing AssistantGeorg PippsUSA
95Sales AgentJaime YorresEngland
96OwnerAntonio MorenoSpain
97Sales RepresentativeHoward SnyderFrance
98Marketing ManagerHoward SnyderEngland
99OwnerJaime YorresArgentina
100Sales AssociateHoward SnyderArgentina
 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?