Grid - Virtualization

1Sales AssociateElizabeth LincolnGermany
2AccountantHoward SnyderBrazil
3Accounting ManagerPatricio SimpsonArgentina
4Sales AssociateAntonio MorenoGermany
5Marketing ManagerPatricio SimpsonItaly
6Sales AssociateJaime YorresFrance
7Sales RepresentativeJaime YorresFrance
8Sales ConsultantHanna MoosAustria
9AccountantGeorg PippsBulgaria
10Sales ManagerPatricio SimpsonEngland
11Sales AgentElizabeth LincolnArgentina
12Sales AgentElizabeth LincolnSpain
13Sales RepresentativeGeorg PippsUSA
14Marketing AssistantPaul HenriotEngland
15Sales RepresentativePascale CartrainUSA
16Sales ConsultantHoward SnyderSpain
17Sales ConsultantPaul HenriotGermany
18AccountantMatti KarttunenArgentina
19OwnerMatti KarttunenArgentina
20Sales AssociateJaime YorresBulgaria
21OwnerPatricio SimpsonSpain
22Sales AssociatePaul HenriotEngland
23Marketing ManagerGeorg PippsUSA
24Sales ConsultantMatti KarttunenAustria
25Sales AgentAntonio MorenoFrance
26AccountantHoward SnyderBulgaria
27Accounting ManagerMatti KarttunenAustria
28Sales AssociateGeorg PippsSpain
29Marketing AssistantHanna MoosSpain
30AccountantElizabeth LincolnFrance
31AccountantPascale CartrainEngland
32Sales RepresentativeMatti KarttunenBrazil
33Marketing AssistantJaime YorresSpain
34Sales ManagerMatti KarttunenBrazil
35Sales AssociateHoward SnyderAustria
36Sales RepresentativeHanna MoosSpain
37Sales AgentMatti KarttunenFrance
38Sales AssociateMatti KarttunenArgentina
39Marketing ManagerJaime YorresSpain
40Sales RepresentativeJaime YorresUSA
41OwnerAntonio MorenoBrazil
42OwnerHoward SnyderSpain
43Marketing ManagerPatricio SimpsonEngland
44Marketing AssistantPascale CartrainEngland
45Sales AssociatePascale CartrainBrazil
46OwnerPatricio SimpsonArgentina
47Marketing AssistantJaime YorresAustria
48AccountantHanna MoosUSA
49Sales ConsultantHoward SnyderSpain
50Sales ManagerGeorg PippsSpain
51Accounting ManagerHoward SnyderBulgaria
52Accounting ManagerPatricio SimpsonBulgaria
53Sales ManagerHanna MoosSpain
54OwnerJaime YorresGermany
55Marketing AssistantMatti KarttunenBrazil
56Accounting ManagerPascale CartrainAustria
57Sales ManagerHanna MoosBulgaria
58Sales AgentPascale CartrainArgentina
59OwnerMatti KarttunenArgentina
60Sales RepresentativeAntonio MorenoEngland
61AccountantMatti KarttunenArgentina
62Sales ConsultantHanna MoosItaly
63Marketing ManagerPascale CartrainEngland
64Marketing AssistantGeorg PippsItaly
65Marketing AssistantPatricio SimpsonArgentina
66Sales AssociateHanna MoosItaly
67Sales RepresentativeGeorg PippsGermany
68Sales AgentHanna MoosAustria
69OwnerGeorg PippsArgentina
70Marketing ManagerGeorg PippsGermany
71Marketing AssistantElizabeth LincolnAustria
72Sales ConsultantJaime YorresAustria
73Marketing AssistantPatricio SimpsonFrance
74Sales ConsultantAntonio MorenoBulgaria
75Sales AgentPascale CartrainBrazil
76Sales AssociateMatti KarttunenSpain
77Marketing AssistantPascale CartrainUSA
78Marketing AssistantAntonio MorenoAustria
79Marketing ManagerPatricio SimpsonSpain
80OwnerAntonio MorenoEngland
81OwnerMatti KarttunenFrance
82Sales ManagerMatti KarttunenFrance
83Sales AssociateElizabeth LincolnSpain
84Accounting ManagerAntonio MorenoFrance
85Accounting ManagerAntonio MorenoGermany
86Marketing AssistantElizabeth LincolnGermany
87Sales RepresentativeGeorg PippsEngland
88Sales AgentPascale CartrainArgentina
89Sales AgentPaul HenriotFrance
90AccountantPaul HenriotGermany
91Accounting ManagerAntonio MorenoSpain
92OwnerHanna MoosEngland
93Sales ConsultantHanna MoosEngland
94Marketing ManagerGeorg PippsItaly
95AccountantAntonio MorenoArgentina
96Sales ConsultantPatricio SimpsonUSA
97Sales AgentPaul HenriotBrazil
98Sales ConsultantHanna MoosFrance
99Marketing ManagerGeorg PippsEngland
100Sales ManagerPascale CartrainUSA
 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?