Grid - Virtualization

1OwnerHanna MoosSpain
2Accounting ManagerHanna MoosItaly
3Sales AssociatePatricio SimpsonArgentina
4Marketing ManagerPatricio SimpsonUSA
5Accounting ManagerHanna MoosFrance
6Accounting ManagerHoward SnyderBrazil
7Sales ConsultantPascale CartrainGermany
8Sales AssociateElizabeth LincolnSpain
9Accounting ManagerMatti KarttunenBulgaria
10AccountantGeorg PippsBrazil
11OwnerHanna MoosBulgaria
12OwnerPatricio SimpsonBulgaria
13AccountantHanna MoosGermany
14Sales ManagerPascale CartrainAustria
15Sales ConsultantHoward SnyderAustria
16Sales ManagerMatti KarttunenSpain
17Marketing AssistantJaime YorresGermany
18AccountantJaime YorresSpain
19Sales AgentHoward SnyderBulgaria
20AccountantMatti KarttunenAustria
21AccountantGeorg PippsSpain
22Sales AgentAntonio MorenoEngland
23OwnerGeorg PippsBrazil
24Sales RepresentativeHoward SnyderUSA
25OwnerPascale CartrainBulgaria
26Marketing ManagerAntonio MorenoBulgaria
27Accounting ManagerElizabeth LincolnBrazil
28Sales AgentHoward SnyderUSA
29Sales AgentAntonio MorenoEngland
30Marketing AssistantPaul HenriotBrazil
31Sales ManagerPaul HenriotFrance
32Sales ManagerPaul HenriotSpain
33Sales AgentPatricio SimpsonArgentina
34Sales AssociateHanna MoosEngland
35OwnerPatricio SimpsonSpain
36Sales RepresentativeAntonio MorenoBulgaria
37Marketing AssistantPatricio SimpsonAustria
38AccountantPaul HenriotAustria
39Accounting ManagerPatricio SimpsonArgentina
40Sales AgentAntonio MorenoUSA
41AccountantJaime YorresGermany
42Sales RepresentativeJaime YorresAustria
43Sales AssociateJaime YorresSpain
44Sales AssociatePaul HenriotItaly
45Marketing ManagerElizabeth LincolnArgentina
46Sales AssociatePaul HenriotBrazil
47Sales RepresentativeElizabeth LincolnUSA
48Sales ConsultantMatti KarttunenSpain
49Sales RepresentativePaul HenriotUSA
50Sales RepresentativeMatti KarttunenEngland
51Sales RepresentativePascale CartrainUSA
52Marketing ManagerPascale CartrainAustria
53AccountantHanna MoosSpain
54Marketing ManagerGeorg PippsUSA
55Sales RepresentativeAntonio MorenoUSA
56AccountantPascale CartrainBulgaria
57Marketing ManagerHoward SnyderUSA
58Sales AgentHanna MoosUSA
59Marketing ManagerHanna MoosBrazil
60Sales RepresentativeAntonio MorenoItaly
61OwnerAntonio MorenoSpain
62OwnerHoward SnyderAustria
63Sales AssociateElizabeth LincolnEngland
64Sales ManagerJaime YorresItaly
65Sales ConsultantPaul HenriotUSA
66Accounting ManagerPaul HenriotFrance
67Marketing AssistantPascale CartrainArgentina
68OwnerAntonio MorenoBrazil
69Sales AssociateMatti KarttunenBulgaria
70Sales AssociateMatti KarttunenAustria
71Sales AgentPatricio SimpsonGermany
72Marketing AssistantGeorg PippsGermany
73OwnerAntonio MorenoAustria
74Sales ConsultantPatricio SimpsonFrance
75OwnerHoward SnyderGermany
76Sales AssociateJaime YorresBrazil
77Marketing AssistantGeorg PippsArgentina
78Marketing ManagerPascale CartrainGermany
79Sales RepresentativePascale CartrainBulgaria
80AccountantAntonio MorenoAustria
81Accounting ManagerElizabeth LincolnFrance
82Sales AssociateJaime YorresSpain
83Sales RepresentativePatricio SimpsonBulgaria
84OwnerPaul HenriotAustria
85Sales RepresentativeElizabeth LincolnAustria
86OwnerPatricio SimpsonUSA
87OwnerPascale CartrainUSA
88Sales AgentJaime YorresAustria
89Accounting ManagerPatricio SimpsonBulgaria
90Sales ConsultantAntonio MorenoGermany
91Sales AssociateHanna MoosSpain
92Accounting ManagerPatricio SimpsonUSA
93Sales AssociateElizabeth LincolnAustria
94Accounting ManagerGeorg PippsFrance
95Sales ConsultantAntonio MorenoGermany
96Sales AssociateJaime YorresUSA
97Sales ManagerAntonio MorenoBulgaria
98Accounting ManagerHoward SnyderEngland
99Sales ConsultantGeorg PippsUSA
100Accounting ManagerHanna MoosItaly
 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?