Grid - Virtualization

1Accounting ManagerPaul HenriotArgentina
2Marketing AssistantGeorg PippsSpain
3Sales ManagerPascale CartrainItaly
4AccountantJaime YorresArgentina
5Sales ManagerAntonio MorenoGermany
6Accounting ManagerElizabeth LincolnBulgaria
7Sales RepresentativeGeorg PippsEngland
8Sales ManagerJaime YorresBulgaria
9Sales ManagerHanna MoosBulgaria
10AccountantElizabeth LincolnAustria
11AccountantElizabeth LincolnEngland
12Accounting ManagerPascale CartrainBulgaria
13Sales RepresentativePascale CartrainArgentina
14Sales RepresentativePaul HenriotSpain
15Marketing ManagerHoward SnyderFrance
16Marketing ManagerAntonio MorenoUSA
17OwnerGeorg PippsFrance
18Sales AgentMatti KarttunenArgentina
19Sales AgentElizabeth LincolnItaly
20Accounting ManagerGeorg PippsBrazil
21Accounting ManagerElizabeth LincolnEngland
22Sales ManagerHanna MoosEngland
23Sales AssociateGeorg PippsArgentina
24Marketing ManagerGeorg PippsUSA
25Sales AgentPatricio SimpsonItaly
26Marketing AssistantPascale CartrainSpain
27Marketing ManagerPaul HenriotAustria
28Sales ConsultantPaul HenriotGermany
29Marketing AssistantGeorg PippsAustria
30Sales AgentJaime YorresBrazil
31OwnerMatti KarttunenEngland
32Sales RepresentativeMatti KarttunenEngland
33Sales AgentMatti KarttunenEngland
34Sales RepresentativeAntonio MorenoEngland
35Sales AgentPatricio SimpsonUSA
36Sales RepresentativePascale CartrainAustria
37Marketing ManagerAntonio MorenoEngland
38OwnerJaime YorresSpain
39Sales RepresentativePascale CartrainFrance
40Sales RepresentativeAntonio MorenoSpain
41Sales ConsultantMatti KarttunenAustria
42Sales ManagerJaime YorresSpain
43OwnerPatricio SimpsonFrance
44Sales ManagerHanna MoosUSA
45AccountantGeorg PippsSpain
46Marketing ManagerAntonio MorenoFrance
47Marketing ManagerAntonio MorenoUSA
48Marketing ManagerAntonio MorenoBrazil
49AccountantMatti KarttunenEngland
50Sales RepresentativePaul HenriotGermany
51AccountantGeorg PippsBrazil
52Marketing AssistantJaime YorresAustria
53Marketing ManagerAntonio MorenoSpain
54Sales ConsultantPascale CartrainUSA
55Sales ManagerHanna MoosAustria
56Sales AssociateMatti KarttunenArgentina
57Marketing AssistantAntonio MorenoArgentina
58Sales RepresentativeHoward SnyderFrance
59Sales AssociateHanna MoosBulgaria
60OwnerPaul HenriotItaly
61Accounting ManagerElizabeth LincolnEngland
62Sales AgentPatricio SimpsonGermany
63Sales AgentGeorg PippsSpain
64Sales ManagerJaime YorresArgentina
65AccountantHanna MoosBrazil
66Sales AssociateGeorg PippsFrance
67Accounting ManagerHanna MoosBrazil
68OwnerGeorg PippsItaly
69OwnerAntonio MorenoArgentina
70Sales ManagerAntonio MorenoEngland
71AccountantMatti KarttunenEngland
72Sales ConsultantMatti KarttunenItaly
73Marketing AssistantPascale CartrainItaly
74Marketing AssistantHanna MoosEngland
75OwnerElizabeth LincolnAustria
76Sales AssociateHanna MoosAustria
77Sales AssociatePatricio SimpsonArgentina
78OwnerJaime YorresArgentina
79Marketing ManagerPascale CartrainUSA
80AccountantHanna MoosArgentina
81Sales AssociatePascale CartrainFrance
82Sales AssociateHanna MoosItaly
83Marketing AssistantHoward SnyderBulgaria
84Sales ConsultantGeorg PippsBulgaria
85Sales ConsultantPascale CartrainEngland
86Sales RepresentativePaul HenriotBulgaria
87Sales ConsultantHoward SnyderFrance
88Accounting ManagerAntonio MorenoEngland
89Accounting ManagerPaul HenriotArgentina
90Sales ConsultantElizabeth LincolnGermany
91Sales ManagerAntonio MorenoEngland
92Marketing AssistantHoward SnyderAustria
93Sales AssociatePatricio SimpsonArgentina
94Marketing ManagerAntonio MorenoUSA
95Sales AssociateGeorg PippsItaly
96Sales ConsultantHanna MoosBrazil
97OwnerPatricio SimpsonEngland
98AccountantPaul HenriotFrance
99Sales RepresentativeAntonio MorenoItaly
100Sales AssociatePascale CartrainArgentina
 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?