BlackMetroTouch skin

Grid - Virtualization

1OwnerHoward SnyderAustria
2Sales AssociatePascale CartrainEngland
3Sales RepresentativeMatti KarttunenGermany
4Marketing ManagerJaime YorresSpain
5Sales AgentHanna MoosBulgaria
6Accounting ManagerAntonio MorenoArgentina
7Sales AssociateAntonio MorenoAustria
8Sales ConsultantPatricio SimpsonFrance
9AccountantAntonio MorenoArgentina
10Sales AssociateGeorg PippsFrance
11Sales AssociateHoward SnyderArgentina
12Sales RepresentativePatricio SimpsonArgentina
13Sales ManagerElizabeth LincolnItaly
14Accounting ManagerMatti KarttunenAustria
15AccountantGeorg PippsBrazil
16Sales AssociateGeorg PippsSpain
17Sales RepresentativeHanna MoosEngland
18Sales AssociatePatricio SimpsonArgentina
19Sales RepresentativeHoward SnyderBulgaria
20Marketing AssistantJaime YorresBrazil
21Sales AssociateHoward SnyderSpain
22OwnerGeorg PippsEngland
23Sales ManagerJaime YorresBulgaria
24Accounting ManagerPascale CartrainBulgaria
25OwnerJaime YorresSpain
26AccountantElizabeth LincolnItaly
27Sales AssociateJaime YorresEngland
28Marketing AssistantHanna MoosFrance
29Sales ManagerHoward SnyderUSA
30Sales ManagerHanna MoosItaly
31Accounting ManagerElizabeth LincolnGermany
32Sales ManagerPaul HenriotBrazil
33AccountantPaul HenriotUSA
34Marketing AssistantPascale CartrainBulgaria
35AccountantElizabeth LincolnEngland
36Sales RepresentativeGeorg PippsUSA
37Sales ManagerElizabeth LincolnFrance
38AccountantHanna MoosBulgaria
39Marketing AssistantPatricio SimpsonSpain
40Marketing AssistantGeorg PippsUSA
41Sales RepresentativeAntonio MorenoEngland
42Sales AssociateJaime YorresBulgaria
43Sales ManagerElizabeth LincolnSpain
44AccountantPatricio SimpsonAustria
45AccountantJaime YorresBrazil
46Sales ManagerGeorg PippsAustria
47Sales AssociateHoward SnyderFrance
48AccountantElizabeth LincolnBrazil
49Sales ConsultantHoward SnyderEngland
50OwnerPatricio SimpsonBulgaria
51AccountantAntonio MorenoSpain
52Marketing AssistantPatricio SimpsonBrazil
53Marketing ManagerElizabeth LincolnArgentina
54AccountantJaime YorresBrazil
55AccountantHanna MoosItaly
56Sales AssociateElizabeth LincolnBulgaria
57Sales ConsultantPaul HenriotBulgaria
58Marketing AssistantPaul HenriotEngland
59AccountantElizabeth LincolnBrazil
60Sales AssociatePatricio SimpsonGermany
61Marketing AssistantJaime YorresUSA
62AccountantJaime YorresEngland
63AccountantGeorg PippsSpain
64OwnerHanna MoosArgentina
65Accounting ManagerElizabeth LincolnFrance
66Marketing ManagerPaul HenriotBulgaria
67Marketing ManagerPascale CartrainBulgaria
68OwnerElizabeth LincolnUSA
69Sales AssociateMatti KarttunenGermany
70Marketing AssistantGeorg PippsBulgaria
71Accounting ManagerAntonio MorenoBrazil
72Sales AgentPaul HenriotUSA
73Sales RepresentativeJaime YorresEngland
74AccountantJaime YorresAustria
75OwnerElizabeth LincolnAustria
76Accounting ManagerAntonio MorenoEngland
77Sales AgentHoward SnyderItaly
78Sales ManagerPatricio SimpsonFrance
79Sales AssociateGeorg PippsEngland
80Sales AssociateElizabeth LincolnItaly
81AccountantAntonio MorenoArgentina
82AccountantPaul HenriotFrance
83Sales AssociateHanna MoosArgentina
84OwnerPaul HenriotBrazil
85AccountantHoward SnyderUSA
86Sales RepresentativeGeorg PippsUSA
87AccountantGeorg PippsArgentina
88Marketing AssistantMatti KarttunenAustria
89Marketing ManagerJaime YorresItaly
90Sales AssociatePascale CartrainUSA
91Sales RepresentativePaul HenriotAustria
92Sales RepresentativeElizabeth LincolnGermany
93Sales AgentMatti KarttunenArgentina
94OwnerPascale CartrainArgentina
95Sales AgentPascale CartrainBulgaria
96Sales ManagerPaul HenriotBrazil
97OwnerPaul HenriotFrance
98Sales AssociateElizabeth LincolnBulgaria
99Marketing AssistantHoward SnyderBulgaria
100Accounting ManagerHanna MoosBrazil
 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?