Grid - Virtualization

1Marketing AssistantJaime YorresBulgaria
2Marketing ManagerMatti KarttunenUSA
3Sales AgentJaime YorresArgentina
4Marketing AssistantElizabeth LincolnSpain
5Sales RepresentativePascale CartrainBulgaria
6Accounting ManagerElizabeth LincolnGermany
7Marketing AssistantPaul HenriotBulgaria
8Sales RepresentativeGeorg PippsUSA
9Sales AssociatePascale CartrainItaly
10Marketing AssistantAntonio MorenoAustria
11Sales ConsultantElizabeth LincolnGermany
12Sales ManagerPascale CartrainItaly
13Sales ConsultantHoward SnyderUSA
14Sales ManagerGeorg PippsBulgaria
15Sales ConsultantHoward SnyderFrance
16Marketing ManagerElizabeth LincolnBrazil
17Sales RepresentativeMatti KarttunenAustria
18Sales RepresentativeElizabeth LincolnAustria
19OwnerPascale CartrainBulgaria
20Sales ConsultantPatricio SimpsonSpain
21Sales ManagerAntonio MorenoItaly
22Sales AgentAntonio MorenoGermany
23Sales AssociateElizabeth LincolnUSA
24Sales AgentPaul HenriotEngland
25AccountantPatricio SimpsonArgentina
26Sales AssociateGeorg PippsBrazil
27Marketing AssistantPatricio SimpsonAustria
28Marketing ManagerPaul HenriotBulgaria
29Sales ManagerMatti KarttunenUSA
30AccountantPaul HenriotFrance
31Sales ManagerPaul HenriotBrazil
32Sales AssociatePascale CartrainBulgaria
33Sales ConsultantHoward SnyderGermany
34Sales ManagerHoward SnyderUSA
35AccountantMatti KarttunenBulgaria
36Accounting ManagerPatricio SimpsonItaly
37Sales ConsultantAntonio MorenoAustria
38AccountantAntonio MorenoUSA
39Sales AgentElizabeth LincolnSpain
40OwnerJaime YorresArgentina
41AccountantHoward SnyderArgentina
42Sales ConsultantMatti KarttunenUSA
43Marketing ManagerElizabeth LincolnAustria
44Accounting ManagerHoward SnyderUSA
45Sales ConsultantGeorg PippsSpain
46OwnerElizabeth LincolnGermany
47Sales AgentElizabeth LincolnEngland
48Marketing ManagerJaime YorresUSA
49Sales ConsultantPascale CartrainUSA
50Sales ManagerJaime YorresGermany
51Accounting ManagerGeorg PippsFrance
52Sales ManagerJaime YorresSpain
53Sales ManagerMatti KarttunenArgentina
54Accounting ManagerPaul HenriotEngland
55Marketing AssistantPascale CartrainBulgaria
56Sales ManagerAntonio MorenoUSA
57Sales RepresentativeMatti KarttunenBrazil
58Marketing AssistantPatricio SimpsonBrazil
59Marketing AssistantPascale CartrainArgentina
60Sales ConsultantPaul HenriotAustria
61Sales ManagerJaime YorresBulgaria
62Sales AssociatePaul HenriotBulgaria
63Accounting ManagerPatricio SimpsonGermany
64Sales ConsultantJaime YorresArgentina
65Sales AgentPaul HenriotEngland
66Marketing AssistantJaime YorresAustria
67Sales ManagerHanna MoosArgentina
68Sales ConsultantElizabeth LincolnGermany
69Accounting ManagerPascale CartrainUSA
70Sales RepresentativePatricio SimpsonEngland
71Sales ManagerElizabeth LincolnBrazil
72Sales RepresentativeAntonio MorenoBulgaria
73Sales AssociateMatti KarttunenAustria
74Accounting ManagerElizabeth LincolnEngland
75OwnerHanna MoosBulgaria
76Marketing ManagerHoward SnyderSpain
77Sales ConsultantGeorg PippsItaly
78Sales ConsultantPaul HenriotBulgaria
79Sales AgentMatti KarttunenAustria
80Sales ManagerMatti KarttunenEngland
81Sales AssociateAntonio MorenoUSA
82Accounting ManagerPascale CartrainBulgaria
83AccountantElizabeth LincolnAustria
84AccountantJaime YorresItaly
85Marketing ManagerGeorg PippsBulgaria
86Marketing AssistantElizabeth LincolnEngland
87AccountantGeorg PippsFrance
88Marketing AssistantAntonio MorenoFrance
89Marketing AssistantMatti KarttunenUSA
90Sales ManagerPatricio SimpsonGermany
91Sales ConsultantJaime YorresEngland
92Sales ManagerPascale CartrainFrance
93OwnerElizabeth LincolnFrance
94Sales AgentGeorg PippsSpain
95Sales RepresentativeAntonio MorenoUSA
96Accounting ManagerMatti KarttunenEngland
97Marketing AssistantPascale CartrainItaly
98Marketing ManagerPaul HenriotGermany
99Accounting ManagerHanna MoosItaly
100AccountantPaul HenriotArgentina
 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?