Grid - Virtualization

1Sales ManagerJaime YorresItaly
2Sales AgentPaul HenriotAustria
3OwnerElizabeth LincolnFrance
4Marketing ManagerJaime YorresUSA
5Marketing ManagerHoward SnyderUSA
6Sales AssociatePatricio SimpsonUSA
7AccountantElizabeth LincolnBrazil
8Accounting ManagerPascale CartrainSpain
9Sales AgentPaul HenriotUSA
10Sales RepresentativePaul HenriotBulgaria
11AccountantHanna MoosUSA
12Accounting ManagerPascale CartrainGermany
13OwnerGeorg PippsGermany
14Sales AssociateJaime YorresSpain
15Marketing AssistantElizabeth LincolnSpain
16AccountantHanna MoosFrance
17Sales AgentPascale CartrainSpain
18Sales ManagerPascale CartrainFrance
19Marketing AssistantPatricio SimpsonAustria
20Sales RepresentativeHoward SnyderBulgaria
21Marketing AssistantGeorg PippsBulgaria
22Sales AssociateElizabeth LincolnAustria
23Accounting ManagerElizabeth LincolnFrance
24Sales ManagerPascale CartrainEngland
25Marketing AssistantHanna MoosSpain
26Sales ConsultantPascale CartrainGermany
27Sales ManagerPatricio SimpsonEngland
28AccountantGeorg PippsEngland
29Sales ManagerElizabeth LincolnSpain
30Accounting ManagerHoward SnyderItaly
31Sales AgentPatricio SimpsonBulgaria
32Sales ManagerAntonio MorenoSpain
33OwnerHanna MoosBrazil
34Sales ManagerMatti KarttunenArgentina
35Marketing AssistantJaime YorresBrazil
36Marketing AssistantPaul HenriotGermany
37Marketing AssistantMatti KarttunenUSA
38Accounting ManagerHoward SnyderBulgaria
39Sales AssociatePascale CartrainFrance
40Marketing AssistantAntonio MorenoItaly
41Marketing AssistantPatricio SimpsonUSA
42Sales ManagerPascale CartrainBrazil
43Sales AssociatePatricio SimpsonSpain
44AccountantMatti KarttunenFrance
45Sales AgentPaul HenriotEngland
46Sales ConsultantPaul HenriotItaly
47Sales AgentGeorg PippsBulgaria
48Sales AgentPatricio SimpsonGermany
49Sales RepresentativeAntonio MorenoSpain
50AccountantHoward SnyderArgentina
51Sales ManagerPaul HenriotAustria
52Accounting ManagerAntonio MorenoGermany
53Accounting ManagerJaime YorresAustria
54Marketing AssistantJaime YorresItaly
55Sales ManagerHoward SnyderEngland
56Marketing ManagerPascale CartrainGermany
57Marketing ManagerPascale CartrainArgentina
58OwnerPaul HenriotUSA
59Marketing AssistantGeorg PippsItaly
60AccountantPascale CartrainArgentina
61OwnerPaul HenriotUSA
62Sales ConsultantHanna MoosAustria
63Sales ManagerPatricio SimpsonGermany
64AccountantMatti KarttunenEngland
65Sales ManagerAntonio MorenoUSA
66Sales AssociateGeorg PippsGermany
67Sales ManagerPaul HenriotSpain
68AccountantElizabeth LincolnFrance
69Sales ConsultantJaime YorresArgentina
70Accounting ManagerPaul HenriotEngland
71Marketing AssistantHanna MoosUSA
72Sales ManagerGeorg PippsBrazil
73Sales ConsultantPatricio SimpsonBrazil
74Sales AgentPatricio SimpsonItaly
75Sales ManagerHanna MoosBrazil
76Sales AgentHanna MoosEngland
77Sales ConsultantHanna MoosGermany
78Sales RepresentativePascale CartrainUSA
79OwnerElizabeth LincolnBulgaria
80Accounting ManagerPaul HenriotUSA
81Sales ConsultantMatti KarttunenBrazil
82Sales ManagerMatti KarttunenArgentina
83Sales ManagerPatricio SimpsonArgentina
84OwnerHoward SnyderUSA
85Sales ConsultantHoward SnyderBrazil
86Sales AssociateMatti KarttunenFrance
87Marketing AssistantElizabeth LincolnItaly
88Accounting ManagerMatti KarttunenEngland
89Accounting ManagerElizabeth LincolnArgentina
90Sales AssociatePaul HenriotArgentina
91AccountantPascale CartrainBulgaria
92Sales ManagerHanna MoosArgentina
93OwnerHanna MoosArgentina
94Sales ConsultantHoward SnyderBulgaria
95Marketing ManagerMatti KarttunenEngland
96OwnerHanna MoosGermany
97Sales ManagerElizabeth LincolnArgentina
98Marketing ManagerGeorg PippsSpain
99Accounting ManagerHoward SnyderUSA
100Accounting ManagerPatricio SimpsonEngland
 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?