Grid - Virtualization

1Sales RepresentativeHanna MoosGermany
2Marketing AssistantAntonio MorenoAustria
3Sales ConsultantPascale CartrainBrazil
4Sales AssociateHanna MoosAustria
5Sales ManagerAntonio MorenoUSA
6AccountantElizabeth LincolnItaly
7Accounting ManagerPascale CartrainSpain
8Marketing ManagerJaime YorresArgentina
9AccountantJaime YorresUSA
10Marketing AssistantPatricio SimpsonBulgaria
11Sales ConsultantPatricio SimpsonUSA
12Sales RepresentativePaul HenriotItaly
13Sales ManagerMatti KarttunenGermany
14Sales RepresentativeAntonio MorenoBrazil
15OwnerJaime YorresBulgaria
16Sales ManagerGeorg PippsUSA
17Accounting ManagerPatricio SimpsonArgentina
18OwnerJaime YorresGermany
19Marketing ManagerMatti KarttunenUSA
20Sales AssociatePascale CartrainEngland
21Marketing ManagerHanna MoosArgentina
22Sales RepresentativeGeorg PippsGermany
23AccountantGeorg PippsFrance
24Sales ManagerGeorg PippsSpain
25AccountantPaul HenriotBulgaria
26Accounting ManagerPatricio SimpsonSpain
27Sales ManagerMatti KarttunenUSA
28Sales RepresentativeHanna MoosBulgaria
29Sales AgentGeorg PippsUSA
30Sales AssociateHanna MoosGermany
31Sales ConsultantJaime YorresArgentina
32Sales RepresentativeHoward SnyderBulgaria
33Sales ManagerElizabeth LincolnFrance
34Marketing ManagerMatti KarttunenAustria
35Marketing AssistantAntonio MorenoBrazil
36Sales AgentPatricio SimpsonSpain
37Sales AgentGeorg PippsFrance
38Accounting ManagerHanna MoosFrance
39Sales AgentHoward SnyderAustria
40Sales AssociateGeorg PippsUSA
41Sales ConsultantElizabeth LincolnBulgaria
42Sales RepresentativeMatti KarttunenItaly
43Sales RepresentativeAntonio MorenoFrance
44Sales ManagerGeorg PippsSpain
45OwnerHoward SnyderBulgaria
46Sales AssociatePaul HenriotGermany
47Accounting ManagerPatricio SimpsonFrance
48Sales ManagerHoward SnyderAustria
49Sales RepresentativeElizabeth LincolnAustria
50AccountantPatricio SimpsonBrazil
51Marketing ManagerHanna MoosBrazil
52OwnerPatricio SimpsonArgentina
53Marketing ManagerJaime YorresEngland
54Marketing AssistantHanna MoosGermany
55Accounting ManagerMatti KarttunenArgentina
56Sales ConsultantPascale CartrainFrance
57Sales ManagerAntonio MorenoGermany
58Marketing ManagerAntonio MorenoItaly
59Marketing ManagerAntonio MorenoEngland
60Sales RepresentativePaul HenriotAustria
61Marketing ManagerPascale CartrainUSA
62Sales AgentPatricio SimpsonArgentina
63OwnerAntonio MorenoUSA
64AccountantHoward SnyderFrance
65Sales AgentMatti KarttunenGermany
66Sales ManagerHoward SnyderBulgaria
67Sales ConsultantHoward SnyderUSA
68OwnerAntonio MorenoUSA
69Sales ManagerPatricio SimpsonBrazil
70Marketing AssistantHoward SnyderArgentina
71Accounting ManagerGeorg PippsBrazil
72Sales ConsultantHoward SnyderGermany
73Marketing ManagerPaul HenriotEngland
74Marketing AssistantElizabeth LincolnBrazil
75Accounting ManagerPaul HenriotBulgaria
76Sales AgentPatricio SimpsonGermany
77Marketing ManagerHanna MoosItaly
78Marketing AssistantElizabeth LincolnBulgaria
79Marketing AssistantAntonio MorenoItaly
80Sales ManagerHoward SnyderItaly
81AccountantHoward SnyderBrazil
82Sales AgentHoward SnyderAustria
83Marketing ManagerAntonio MorenoArgentina
84Sales AssociatePaul HenriotEngland
85Accounting ManagerPascale CartrainBrazil
86Sales ManagerHoward SnyderEngland
87Sales AssociateMatti KarttunenUSA
88Marketing AssistantPascale CartrainSpain
89Sales AssociateHoward SnyderGermany
90OwnerPaul HenriotBulgaria
91Marketing ManagerGeorg PippsFrance
92Sales ManagerHoward SnyderSpain
93Sales AssociatePascale CartrainUSA
94Sales ManagerPatricio SimpsonGermany
95Marketing ManagerJaime YorresItaly
96Sales ConsultantElizabeth LincolnGermany
97OwnerPascale CartrainFrance
98Accounting ManagerElizabeth LincolnGermany
99Sales AssociatePascale CartrainFrance
100Sales ConsultantHoward SnyderEngland
 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?