Grid - Virtualization

1Marketing ManagerElizabeth LincolnEngland
2Sales AssociateJaime YorresFrance
3AccountantGeorg PippsEngland
4Sales ConsultantJaime YorresAustria
5Accounting ManagerMatti KarttunenBrazil
6Sales AssociateMatti KarttunenBrazil
7AccountantElizabeth LincolnArgentina
8Sales ConsultantAntonio MorenoEngland
9Sales AgentHoward SnyderFrance
10Accounting ManagerHoward SnyderBulgaria
11Marketing AssistantPaul HenriotGermany
12Accounting ManagerHanna MoosItaly
13Sales RepresentativeMatti KarttunenArgentina
14AccountantElizabeth LincolnItaly
15Sales AssociateHoward SnyderBulgaria
16Sales ConsultantElizabeth LincolnUSA
17Marketing AssistantPaul HenriotBrazil
18OwnerHanna MoosBrazil
19Sales AgentPaul HenriotSpain
20Accounting ManagerJaime YorresArgentina
21Marketing AssistantMatti KarttunenSpain
22Sales AssociateElizabeth LincolnEngland
23Marketing ManagerGeorg PippsUSA
24Marketing ManagerElizabeth LincolnAustria
25Sales ConsultantMatti KarttunenAustria
26AccountantHoward SnyderUSA
27Marketing AssistantElizabeth LincolnFrance
28Sales RepresentativeHoward SnyderGermany
29Sales AssociatePaul HenriotBulgaria
30Marketing AssistantAntonio MorenoAustria
31AccountantMatti KarttunenEngland
32AccountantPascale CartrainBrazil
33Sales ConsultantPascale CartrainAustria
34OwnerHanna MoosEngland
35Sales ManagerGeorg PippsFrance
36Sales ConsultantPascale CartrainSpain
37OwnerAntonio MorenoSpain
38Sales RepresentativePaul HenriotArgentina
39Sales RepresentativeMatti KarttunenAustria
40Marketing AssistantElizabeth LincolnGermany
41AccountantPatricio SimpsonItaly
42OwnerGeorg PippsBrazil
43OwnerAntonio MorenoGermany
44Sales AssociateElizabeth LincolnSpain
45Sales ConsultantPatricio SimpsonSpain
46Sales AssociateMatti KarttunenFrance
47Accounting ManagerElizabeth LincolnBulgaria
48Sales ConsultantHoward SnyderEngland
49Marketing AssistantHanna MoosSpain
50Sales AssociateMatti KarttunenUSA
51AccountantPatricio SimpsonEngland
52Marketing AssistantHoward SnyderGermany
53Accounting ManagerPaul HenriotUSA
54Sales RepresentativeGeorg PippsAustria
55AccountantElizabeth LincolnSpain
56AccountantElizabeth LincolnFrance
57Marketing AssistantJaime YorresArgentina
58Sales AgentPaul HenriotBrazil
59Sales RepresentativeAntonio MorenoSpain
60Marketing ManagerPaul HenriotArgentina
61Marketing AssistantMatti KarttunenSpain
62Marketing AssistantAntonio MorenoArgentina
63Sales RepresentativePascale CartrainGermany
64Sales ManagerHoward SnyderArgentina
65Marketing AssistantJaime YorresArgentina
66Sales AgentMatti KarttunenSpain
67Accounting ManagerPascale CartrainEngland
68Marketing AssistantGeorg PippsArgentina
69Sales AgentAntonio MorenoItaly
70Sales AgentHoward SnyderUSA
71Marketing AssistantPaul HenriotGermany
72Sales ManagerGeorg PippsItaly
73OwnerGeorg PippsBulgaria
74Sales AgentGeorg PippsBulgaria
75OwnerElizabeth LincolnItaly
76Marketing ManagerPatricio SimpsonItaly
77Marketing AssistantPaul HenriotSpain
78Sales AgentPatricio SimpsonBrazil
79Accounting ManagerElizabeth LincolnSpain
80Sales AgentPaul HenriotAustria
81Sales RepresentativeJaime YorresBrazil
82Marketing ManagerPatricio SimpsonGermany
83Accounting ManagerPatricio SimpsonItaly
84Marketing ManagerHanna MoosEngland
85Marketing ManagerHoward SnyderUSA
86Marketing ManagerJaime YorresSpain
87OwnerJaime YorresUSA
88Sales AgentPascale CartrainAustria
89Sales ManagerPascale CartrainUSA
90Sales RepresentativePascale CartrainAustria
91Sales ConsultantGeorg PippsAustria
92Sales AgentMatti KarttunenBrazil
93Sales ConsultantHoward SnyderSpain
94Sales RepresentativeMatti KarttunenAustria
95Accounting ManagerMatti KarttunenBulgaria
96Sales RepresentativeAntonio MorenoFrance
97Sales AssociateHoward SnyderFrance
98Sales RepresentativePaul HenriotArgentina
99Accounting ManagerPascale CartrainUSA
100Sales AssociateElizabeth LincolnFrance
 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?