Grid - Virtualization

1Accounting ManagerHoward SnyderUSA
2Sales AssociateJaime YorresArgentina
3Sales AssociateElizabeth LincolnBrazil
4Marketing AssistantElizabeth LincolnBulgaria
5Marketing ManagerJaime YorresSpain
6Sales ConsultantElizabeth LincolnBrazil
7OwnerPascale CartrainUSA
8Marketing AssistantHoward SnyderUSA
9AccountantPaul HenriotEngland
10AccountantElizabeth LincolnAustria
11Sales AssociatePatricio SimpsonSpain
12Sales AgentAntonio MorenoGermany
13AccountantJaime YorresSpain
14Sales RepresentativeJaime YorresBrazil
15Sales ConsultantHoward SnyderFrance
16Marketing AssistantElizabeth LincolnBulgaria
17Sales AgentHoward SnyderArgentina
18Marketing ManagerHanna MoosArgentina
19Sales AgentHoward SnyderAustria
20Sales AgentElizabeth LincolnSpain
21Sales ManagerHanna MoosItaly
22Marketing AssistantPatricio SimpsonSpain
23Marketing ManagerHoward SnyderFrance
24Sales AssociatePatricio SimpsonAustria
25Accounting ManagerMatti KarttunenEngland
26Accounting ManagerJaime YorresGermany
27Accounting ManagerPatricio SimpsonAustria
28Sales ManagerMatti KarttunenGermany
29Sales AgentJaime YorresArgentina
30Sales AgentHoward SnyderFrance
31Marketing ManagerPascale CartrainGermany
32Accounting ManagerHanna MoosEngland
33Sales AssociateJaime YorresBulgaria
34Sales RepresentativeGeorg PippsGermany
35Sales ManagerMatti KarttunenBulgaria
36Marketing ManagerMatti KarttunenBulgaria
37Accounting ManagerPascale CartrainArgentina
38Accounting ManagerAntonio MorenoArgentina
39Sales AgentAntonio MorenoSpain
40Marketing AssistantAntonio MorenoGermany
41Accounting ManagerElizabeth LincolnBulgaria
42AccountantHoward SnyderArgentina
43Marketing AssistantElizabeth LincolnSpain
44Sales AssociateHoward SnyderItaly
45Marketing ManagerPatricio SimpsonFrance
46OwnerGeorg PippsBrazil
47OwnerAntonio MorenoUSA
48Marketing AssistantAntonio MorenoBrazil
49Sales RepresentativeHanna MoosGermany
50AccountantJaime YorresFrance
51Sales RepresentativeJaime YorresGermany
52Marketing AssistantPascale CartrainGermany
53Sales ConsultantPascale CartrainSpain
54Marketing ManagerAntonio MorenoSpain
55Sales AgentPascale CartrainUSA
56Sales RepresentativePascale CartrainSpain
57OwnerJaime YorresItaly
58Marketing AssistantAntonio MorenoFrance
59Sales ManagerJaime YorresArgentina
60OwnerGeorg PippsArgentina
61AccountantAntonio MorenoArgentina
62Accounting ManagerJaime YorresBulgaria
63AccountantHoward SnyderArgentina
64Sales RepresentativePascale CartrainSpain
65Marketing ManagerPascale CartrainItaly
66Sales AssociateMatti KarttunenItaly
67OwnerGeorg PippsBrazil
68Marketing ManagerPatricio SimpsonEngland
69OwnerPatricio SimpsonArgentina
70Sales AgentPascale CartrainBulgaria
71Sales ConsultantAntonio MorenoArgentina
72AccountantPatricio SimpsonAustria
73Sales ManagerHanna MoosArgentina
74Sales ManagerHanna MoosArgentina
75Sales AssociatePatricio SimpsonEngland
76Sales RepresentativeJaime YorresSpain
77AccountantElizabeth LincolnGermany
78Marketing AssistantHanna MoosFrance
79Sales ConsultantAntonio MorenoBrazil
80Sales ConsultantJaime YorresUSA
81Accounting ManagerAntonio MorenoSpain
82Accounting ManagerElizabeth LincolnGermany
83Marketing AssistantPascale CartrainGermany
84Sales AgentGeorg PippsGermany
85Sales ConsultantGeorg PippsFrance
86Marketing ManagerPaul HenriotItaly
87Sales AssociateMatti KarttunenGermany
88Sales AgentPatricio SimpsonBrazil
89Marketing ManagerPascale CartrainEngland
90Sales AgentGeorg PippsEngland
91Sales RepresentativeElizabeth LincolnBulgaria
92Sales AgentAntonio MorenoAustria
93OwnerHoward SnyderAustria
94OwnerJaime YorresFrance
95Accounting ManagerPatricio SimpsonGermany
96Sales ManagerHoward SnyderGermany
97Sales ConsultantMatti KarttunenUSA
98AccountantGeorg PippsFrance
99AccountantHoward SnyderBulgaria
100Marketing AssistantPatricio SimpsonUSA
 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?