Grid - Virtualization

1AccountantPascale CartrainAustria
2AccountantMatti KarttunenUSA
3Sales AgentPaul HenriotBulgaria
4AccountantJaime YorresBulgaria
5Sales RepresentativeHoward SnyderFrance
6Sales AssociatePatricio SimpsonItaly
7Sales AgentElizabeth LincolnGermany
8Sales AssociateMatti KarttunenUSA
9Sales ManagerJaime YorresUSA
10Sales ConsultantMatti KarttunenSpain
11Marketing AssistantHanna MoosEngland
12AccountantGeorg PippsFrance
13Sales ManagerHanna MoosSpain
14Sales ManagerGeorg PippsArgentina
15Sales AgentMatti KarttunenEngland
16Sales ManagerPatricio SimpsonBulgaria
17Sales AgentPascale CartrainItaly
18Sales RepresentativePascale CartrainUSA
19Sales AgentElizabeth LincolnGermany
20Marketing AssistantAntonio MorenoArgentina
21Sales ManagerPascale CartrainBrazil
22Marketing AssistantGeorg PippsBrazil
23Sales ManagerGeorg PippsArgentina
24Sales ConsultantPaul HenriotGermany
25Marketing AssistantAntonio MorenoItaly
26AccountantHoward SnyderEngland
27Sales AgentJaime YorresEngland
28Marketing ManagerPatricio SimpsonUSA
29OwnerGeorg PippsArgentina
30Sales AssociatePatricio SimpsonAustria
31Marketing AssistantGeorg PippsGermany
32Marketing ManagerAntonio MorenoEngland
33Sales AssociateHoward SnyderAustria
34Sales AssociateJaime YorresSpain
35AccountantAntonio MorenoSpain
36AccountantJaime YorresBulgaria
37Accounting ManagerJaime YorresAustria
38Sales ConsultantMatti KarttunenFrance
39Sales ManagerPatricio SimpsonBrazil
40OwnerPatricio SimpsonAustria
41Accounting ManagerJaime YorresGermany
42Sales ConsultantHoward SnyderUSA
43Sales RepresentativeElizabeth LincolnSpain
44Accounting ManagerHanna MoosItaly
45OwnerPascale CartrainUSA
46Sales RepresentativeHoward SnyderAustria
47Marketing AssistantPatricio SimpsonItaly
48Sales RepresentativeJaime YorresUSA
49OwnerAntonio MorenoAustria
50Sales RepresentativeElizabeth LincolnUSA
51Marketing AssistantGeorg PippsEngland
52Sales ConsultantJaime YorresBulgaria
53Marketing AssistantMatti KarttunenFrance
54Marketing ManagerMatti KarttunenGermany
55Sales AssociatePascale CartrainBulgaria
56AccountantPatricio SimpsonFrance
57Sales ManagerMatti KarttunenSpain
58Sales RepresentativeAntonio MorenoArgentina
59Sales ConsultantAntonio MorenoUSA
60AccountantPatricio SimpsonAustria
61Sales ManagerPatricio SimpsonBrazil
62Sales AgentMatti KarttunenArgentina
63Sales RepresentativePatricio SimpsonAustria
64Marketing AssistantPaul HenriotEngland
65Sales AssociatePatricio SimpsonAustria
66Sales AgentElizabeth LincolnUSA
67Sales AssociatePascale CartrainBulgaria
68Marketing ManagerPatricio SimpsonBrazil
69OwnerPascale CartrainGermany
70OwnerHanna MoosUSA
71Sales AssociatePascale CartrainUSA
72Marketing ManagerMatti KarttunenEngland
73OwnerGeorg PippsEngland
74Accounting ManagerPascale CartrainAustria
75OwnerPascale CartrainUSA
76AccountantElizabeth LincolnFrance
77Sales AssociateHoward SnyderBrazil
78Accounting ManagerGeorg PippsGermany
79Marketing AssistantMatti KarttunenBulgaria
80Accounting ManagerElizabeth LincolnBrazil
81Sales ManagerAntonio MorenoItaly
82Marketing ManagerHanna MoosSpain
83Marketing ManagerPaul HenriotUSA
84Sales AssociateHoward SnyderArgentina
85Marketing ManagerHoward SnyderAustria
86Sales AgentHoward SnyderAustria
87OwnerHoward SnyderGermany
88Sales ConsultantHanna MoosBulgaria
89AccountantGeorg PippsArgentina
90OwnerGeorg PippsArgentina
91Marketing ManagerMatti KarttunenBrazil
92Marketing AssistantElizabeth LincolnAustria
93Marketing ManagerHoward SnyderAustria
94Sales AssociatePascale CartrainBulgaria
95Sales ConsultantElizabeth LincolnItaly
96Sales RepresentativeHoward SnyderFrance
97Sales AgentMatti KarttunenEngland
98Sales AssociateJaime YorresBulgaria
99Marketing ManagerMatti KarttunenBulgaria
100OwnerHanna MoosEngland
 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?