Grid - Virtualization

1Marketing AssistantHanna MoosEngland
2Sales AgentPatricio SimpsonEngland
3Sales RepresentativePaul HenriotAustria
4Accounting ManagerPaul HenriotItaly
5Sales AgentElizabeth LincolnEngland
6Marketing AssistantHoward SnyderEngland
7Sales ConsultantElizabeth LincolnArgentina
8Marketing AssistantPascale CartrainAustria
9OwnerGeorg PippsSpain
10Sales ManagerAntonio MorenoBulgaria
11Sales RepresentativePaul HenriotItaly
12Accounting ManagerAntonio MorenoAustria
13Sales AgentPatricio SimpsonItaly
14Accounting ManagerElizabeth LincolnSpain
15Sales AssociateGeorg PippsBrazil
16Marketing ManagerElizabeth LincolnBulgaria
17Sales ConsultantHoward SnyderSpain
18Sales AssociatePatricio SimpsonBulgaria
19AccountantElizabeth LincolnBulgaria
20Sales ConsultantJaime YorresGermany
21Sales RepresentativeElizabeth LincolnSpain
22Marketing AssistantAntonio MorenoBrazil
23AccountantMatti KarttunenItaly
24Sales ManagerPatricio SimpsonGermany
25Sales ManagerJaime YorresBulgaria
26Accounting ManagerAntonio MorenoSpain
27Marketing AssistantPascale CartrainBrazil
28Marketing AssistantElizabeth LincolnArgentina
29OwnerHanna MoosFrance
30AccountantMatti KarttunenAustria
31OwnerPatricio SimpsonEngland
32AccountantHanna MoosBulgaria
33Sales AssociateMatti KarttunenBrazil
34Sales ManagerMatti KarttunenUSA
35Sales ManagerAntonio MorenoArgentina
36Marketing ManagerPascale CartrainUSA
37Sales AssociateMatti KarttunenAustria
38Sales AssociatePascale CartrainEngland
39Sales ConsultantJaime YorresEngland
40Marketing ManagerPatricio SimpsonBulgaria
41OwnerAntonio MorenoBrazil
42Sales AssociatePascale CartrainEngland
43Marketing AssistantElizabeth LincolnArgentina
44AccountantPaul HenriotGermany
45Sales AgentPascale CartrainGermany
46OwnerPascale CartrainSpain
47AccountantMatti KarttunenItaly
48Accounting ManagerPascale CartrainUSA
49Sales ConsultantElizabeth LincolnEngland
50Sales AssociateHoward SnyderGermany
51Marketing ManagerPaul HenriotEngland
52Marketing ManagerElizabeth LincolnBulgaria
53OwnerMatti KarttunenGermany
54AccountantJaime YorresBulgaria
55Marketing AssistantHanna MoosAustria
56Marketing ManagerPatricio SimpsonSpain
57Marketing AssistantPaul HenriotSpain
58Marketing AssistantHanna MoosItaly
59Accounting ManagerHoward SnyderItaly
60Marketing AssistantPaul HenriotArgentina
61OwnerPaul HenriotBulgaria
62Sales ManagerPatricio SimpsonFrance
63OwnerMatti KarttunenBulgaria
64Accounting ManagerPascale CartrainGermany
65OwnerJaime YorresItaly
66Sales ManagerElizabeth LincolnAustria
67Sales AgentGeorg PippsAustria
68AccountantMatti KarttunenItaly
69Sales RepresentativeHanna MoosBrazil
70OwnerHanna MoosFrance
71Sales ConsultantJaime YorresSpain
72AccountantAntonio MorenoEngland
73Sales AgentMatti KarttunenGermany
74Marketing ManagerHanna MoosFrance
75Marketing ManagerPaul HenriotBrazil
76Marketing AssistantElizabeth LincolnBrazil
77Marketing ManagerAntonio MorenoUSA
78Sales AgentPaul HenriotBulgaria
79Sales AssociatePascale CartrainSpain
80Marketing AssistantGeorg PippsBulgaria
81Sales AgentMatti KarttunenFrance
82Accounting ManagerGeorg PippsSpain
83AccountantGeorg PippsEngland
84OwnerGeorg PippsFrance
85Sales RepresentativeHoward SnyderItaly
86Sales AssociateHoward SnyderItaly
87Accounting ManagerHanna MoosEngland
88Marketing ManagerAntonio MorenoAustria
89Sales AssociatePascale CartrainUSA
90Marketing ManagerJaime YorresEngland
91Marketing AssistantAntonio MorenoBrazil
92Accounting ManagerPascale CartrainItaly
93Sales AgentAntonio MorenoBulgaria
94Accounting ManagerPatricio SimpsonFrance
95Sales RepresentativeHanna MoosBrazil
96Accounting ManagerPatricio SimpsonBrazil
97AccountantJaime YorresUSA
98Accounting ManagerGeorg PippsSpain
99Accounting ManagerMatti KarttunenBrazil
100AccountantElizabeth LincolnEngland
 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?