Grid - Virtualization

1Accounting ManagerMatti KarttunenFrance
2AccountantPascale CartrainGermany
3Marketing AssistantPaul HenriotEngland
4Sales AssociateJaime YorresItaly
5Marketing ManagerPaul HenriotBulgaria
6AccountantPascale CartrainSpain
7OwnerPatricio SimpsonBulgaria
8OwnerAntonio MorenoSpain
9Sales ManagerGeorg PippsItaly
10Marketing ManagerElizabeth LincolnArgentina
11Marketing AssistantPaul HenriotUSA
12Sales ConsultantPaul HenriotArgentina
13Sales ConsultantHoward SnyderArgentina
14Sales RepresentativeHoward SnyderUSA
15Sales AgentPascale CartrainSpain
16AccountantHanna MoosBulgaria
17Marketing ManagerPaul HenriotSpain
18OwnerHoward SnyderSpain
19Sales AgentHanna MoosUSA
20Sales AssociateHoward SnyderUSA
21Accounting ManagerPascale CartrainUSA
22Marketing AssistantElizabeth LincolnSpain
23Marketing AssistantHoward SnyderSpain
24Sales ConsultantHanna MoosAustria
25Sales AgentJaime YorresSpain
26AccountantHoward SnyderFrance
27Sales RepresentativeGeorg PippsUSA
28Marketing ManagerElizabeth LincolnArgentina
29Sales AgentHoward SnyderArgentina
30Sales ManagerMatti KarttunenGermany
31Sales RepresentativeJaime YorresSpain
32Marketing ManagerElizabeth LincolnSpain
33Sales ManagerAntonio MorenoArgentina
34Sales ConsultantJaime YorresSpain
35AccountantPaul HenriotBrazil
36Sales AgentHoward SnyderUSA
37Sales ConsultantHoward SnyderAustria
38Sales AgentPatricio SimpsonItaly
39Marketing AssistantPascale CartrainFrance
40Sales AgentAntonio MorenoFrance
41Sales AgentPaul HenriotUSA
42AccountantJaime YorresItaly
43OwnerJaime YorresUSA
44Marketing AssistantHanna MoosItaly
45Sales AgentHoward SnyderArgentina
46Sales AssociateHanna MoosAustria
47Sales ManagerGeorg PippsArgentina
48Marketing AssistantElizabeth LincolnBulgaria
49Marketing ManagerHanna MoosBrazil
50Sales ConsultantAntonio MorenoEngland
51Sales AssociatePaul HenriotGermany
52Marketing AssistantHoward SnyderBrazil
53Sales RepresentativeMatti KarttunenArgentina
54Marketing ManagerAntonio MorenoFrance
55Sales AssociatePascale CartrainItaly
56Sales AgentHoward SnyderFrance
57Accounting ManagerHoward SnyderUSA
58Marketing AssistantAntonio MorenoGermany
59OwnerPascale CartrainBrazil
60Marketing ManagerElizabeth LincolnBulgaria
61Marketing ManagerGeorg PippsUSA
62Sales AssociateHanna MoosUSA
63Sales RepresentativeHoward SnyderUSA
64Marketing ManagerPaul HenriotArgentina
65Sales RepresentativePaul HenriotItaly
66OwnerPatricio SimpsonBrazil
67AccountantPatricio SimpsonFrance
68OwnerMatti KarttunenBrazil
69Marketing AssistantJaime YorresBulgaria
70Marketing ManagerGeorg PippsBulgaria
71AccountantElizabeth LincolnBrazil
72AccountantGeorg PippsBrazil
73AccountantPascale CartrainAustria
74Marketing ManagerHanna MoosItaly
75Sales ManagerHoward SnyderGermany
76Sales AssociateJaime YorresItaly
77Accounting ManagerPascale CartrainFrance
78AccountantJaime YorresArgentina
79Sales ConsultantPaul HenriotFrance
80OwnerJaime YorresBulgaria
81Sales ConsultantMatti KarttunenAustria
82Sales ConsultantElizabeth LincolnGermany
83OwnerMatti KarttunenFrance
84OwnerElizabeth LincolnBulgaria
85Sales AgentPascale CartrainArgentina
86Sales RepresentativeHoward SnyderSpain
87Marketing AssistantHanna MoosArgentina
88Sales RepresentativePaul HenriotBulgaria
89Sales AssociateGeorg PippsAustria
90Sales ConsultantHanna MoosUSA
91Marketing AssistantGeorg PippsFrance
92Sales ManagerPaul HenriotArgentina
93Sales RepresentativeHoward SnyderBulgaria
94Sales ManagerAntonio MorenoAustria
95AccountantHoward SnyderArgentina
96Sales AssociatePatricio SimpsonEngland
97Sales ConsultantAntonio MorenoArgentina
98Marketing AssistantElizabeth LincolnFrance
99Sales ConsultantPaul HenriotItaly
100Sales ManagerGeorg PippsBrazil
 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?