Grid - Virtualization

1Marketing ManagerAntonio MorenoItaly
2Sales RepresentativePaul HenriotUSA
3OwnerJaime YorresEngland
4Sales ConsultantPaul HenriotUSA
5Marketing ManagerElizabeth LincolnAustria
6Sales AssociatePascale CartrainSpain
7Sales ManagerPatricio SimpsonArgentina
8Accounting ManagerElizabeth LincolnBulgaria
9Accounting ManagerHanna MoosArgentina
10Accounting ManagerElizabeth LincolnGermany
11Sales AssociateMatti KarttunenSpain
12Sales AgentPascale CartrainBulgaria
13Sales ManagerPatricio SimpsonGermany
14Marketing ManagerAntonio MorenoSpain
15Sales AssociateJaime YorresEngland
16Sales AgentHanna MoosArgentina
17Sales ConsultantMatti KarttunenEngland
18Sales ManagerElizabeth LincolnUSA
19Marketing AssistantGeorg PippsAustria
20Accounting ManagerGeorg PippsArgentina
21Sales RepresentativeAntonio MorenoSpain
22Marketing AssistantPatricio SimpsonBrazil
23AccountantHoward SnyderAustria
24Sales ConsultantPaul HenriotFrance
25Marketing AssistantHanna MoosSpain
26AccountantAntonio MorenoSpain
27Sales ManagerHoward SnyderBulgaria
28Sales ManagerPatricio SimpsonAustria
29Sales AssociateHoward SnyderAustria
30Accounting ManagerJaime YorresItaly
31Sales RepresentativeMatti KarttunenArgentina
32Marketing ManagerJaime YorresBrazil
33Accounting ManagerMatti KarttunenSpain
34Sales RepresentativeHanna MoosBrazil
35OwnerPaul HenriotBrazil
36OwnerElizabeth LincolnBulgaria
37AccountantHoward SnyderGermany
38Marketing ManagerGeorg PippsGermany
39OwnerElizabeth LincolnGermany
40Marketing ManagerHoward SnyderArgentina
41OwnerPascale CartrainBrazil
42Sales ConsultantHanna MoosAustria
43Marketing AssistantPascale CartrainFrance
44Sales ConsultantMatti KarttunenSpain
45OwnerGeorg PippsBulgaria
46Sales RepresentativeJaime YorresBrazil
47Sales AgentHanna MoosGermany
48OwnerPatricio SimpsonEngland
49Sales ConsultantHoward SnyderGermany
50OwnerGeorg PippsAustria
51Sales ManagerPascale CartrainSpain
52Sales AgentAntonio MorenoUSA
53Marketing ManagerJaime YorresBrazil
54Sales AgentHoward SnyderUSA
55Sales ConsultantMatti KarttunenUSA
56Marketing AssistantPatricio SimpsonArgentina
57Marketing AssistantElizabeth LincolnAustria
58Sales RepresentativePascale CartrainUSA
59Sales RepresentativeMatti KarttunenFrance
60Sales AgentElizabeth LincolnFrance
61AccountantAntonio MorenoItaly
62Sales ConsultantPaul HenriotArgentina
63Accounting ManagerElizabeth LincolnUSA
64Marketing ManagerPaul HenriotItaly
65Sales AgentHanna MoosEngland
66Sales ConsultantElizabeth LincolnSpain
67AccountantHanna MoosItaly
68Accounting ManagerAntonio MorenoItaly
69Sales AssociateHanna MoosAustria
70Sales RepresentativeHanna MoosFrance
71Marketing ManagerPatricio SimpsonGermany
72AccountantAntonio MorenoArgentina
73Sales AssociatePascale CartrainBrazil
74OwnerAntonio MorenoAustria
75Sales RepresentativeHoward SnyderBulgaria
76Sales ConsultantGeorg PippsAustria
77Sales AgentJaime YorresSpain
78Marketing ManagerMatti KarttunenEngland
79Marketing ManagerMatti KarttunenBulgaria
80Marketing AssistantPatricio SimpsonFrance
81Sales ManagerGeorg PippsEngland
82Sales ManagerHoward SnyderEngland
83Sales AssociatePascale CartrainUSA
84Accounting ManagerHanna MoosBrazil
85Marketing AssistantPascale CartrainAustria
86Accounting ManagerPascale CartrainBulgaria
87AccountantJaime YorresItaly
88Accounting ManagerAntonio MorenoItaly
89OwnerPatricio SimpsonUSA
90Sales AgentPaul HenriotUSA
91Sales ManagerPaul HenriotFrance
92OwnerElizabeth LincolnArgentina
93Sales RepresentativeAntonio MorenoGermany
94OwnerPatricio SimpsonEngland
95Sales ConsultantMatti KarttunenBulgaria
96Sales ManagerPascale CartrainBulgaria
97Marketing ManagerPascale CartrainAustria
98Sales ManagerHanna MoosBrazil
99Sales ManagerHanna MoosFrance
100AccountantPaul HenriotItaly
 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?