Grid - Virtualization

1Marketing ManagerPascale CartrainSpain
2Accounting ManagerElizabeth LincolnSpain
3Marketing AssistantJaime YorresArgentina
4Marketing ManagerPatricio SimpsonFrance
5Marketing ManagerMatti KarttunenAustria
6Sales ManagerHanna MoosEngland
7Marketing AssistantMatti KarttunenBulgaria
8Sales AssociateHoward SnyderAustria
9Sales AssociatePascale CartrainAustria
10AccountantGeorg PippsSpain
11Marketing ManagerGeorg PippsEngland
12Accounting ManagerAntonio MorenoUSA
13Sales AssociatePatricio SimpsonSpain
14Sales AgentJaime YorresEngland
15Sales RepresentativePaul HenriotItaly
16OwnerPascale CartrainBulgaria
17Marketing ManagerHanna MoosFrance
18Accounting ManagerJaime YorresItaly
19Accounting ManagerGeorg PippsFrance
20AccountantPascale CartrainBrazil
21Marketing ManagerAntonio MorenoGermany
22Marketing AssistantJaime YorresFrance
23Sales RepresentativeMatti KarttunenItaly
24Marketing AssistantGeorg PippsBulgaria
25Sales ConsultantPascale CartrainArgentina
26AccountantPascale CartrainAustria
27Sales AgentHoward SnyderBulgaria
28AccountantGeorg PippsEngland
29OwnerPaul HenriotUSA
30Accounting ManagerHanna MoosEngland
31AccountantJaime YorresSpain
32Sales AssociateJaime YorresUSA
33Marketing AssistantJaime YorresArgentina
34Sales ManagerGeorg PippsEngland
35Sales AgentPaul HenriotGermany
36Marketing AssistantPatricio SimpsonBulgaria
37Sales ManagerElizabeth LincolnBulgaria
38OwnerPaul HenriotSpain
39Accounting ManagerPatricio SimpsonEngland
40Marketing ManagerElizabeth LincolnGermany
41Sales ConsultantJaime YorresBulgaria
42Accounting ManagerHoward SnyderArgentina
43Sales AssociateMatti KarttunenArgentina
44AccountantElizabeth LincolnSpain
45Sales RepresentativeAntonio MorenoArgentina
46Marketing ManagerHanna MoosArgentina
47Sales ConsultantMatti KarttunenSpain
48Sales ManagerPascale CartrainUSA
49Sales ConsultantPaul HenriotEngland
50OwnerHanna MoosGermany
51OwnerPaul HenriotBrazil
52AccountantJaime YorresBulgaria
53OwnerJaime YorresFrance
54Sales AgentGeorg PippsUSA
55OwnerHoward SnyderUSA
56Sales RepresentativeHanna MoosAustria
57Sales AgentGeorg PippsAustria
58Marketing ManagerPatricio SimpsonBulgaria
59Sales ManagerPascale CartrainBrazil
60OwnerPatricio SimpsonBulgaria
61AccountantPatricio SimpsonSpain
62Accounting ManagerPatricio SimpsonUSA
63Accounting ManagerPatricio SimpsonFrance
64OwnerJaime YorresFrance
65Sales AgentElizabeth LincolnArgentina
66Sales AgentAntonio MorenoBrazil
67AccountantHanna MoosGermany
68Sales AssociateMatti KarttunenGermany
69Sales ManagerAntonio MorenoUSA
70Marketing ManagerAntonio MorenoBulgaria
71OwnerHoward SnyderFrance
72Sales AgentElizabeth LincolnItaly
73AccountantMatti KarttunenAustria
74OwnerHoward SnyderBrazil
75Sales ManagerHanna MoosGermany
76Sales RepresentativeHoward SnyderArgentina
77Sales AssociateHanna MoosGermany
78Sales ManagerPaul HenriotFrance
79Sales AssociateHoward SnyderItaly
80Accounting ManagerHanna MoosBrazil
81Marketing ManagerElizabeth LincolnEngland
82Sales AssociatePaul HenriotEngland
83Sales AssociateElizabeth LincolnGermany
84Sales AgentPaul HenriotBrazil
85Sales AssociatePascale CartrainArgentina
86Marketing ManagerPatricio SimpsonItaly
87Sales ConsultantPascale CartrainSpain
88Accounting ManagerGeorg PippsSpain
89Accounting ManagerAntonio MorenoBrazil
90Marketing AssistantMatti KarttunenSpain
91Sales ManagerMatti KarttunenArgentina
92Marketing AssistantAntonio MorenoEngland
93Marketing AssistantMatti KarttunenItaly
94AccountantPatricio SimpsonItaly
95Accounting ManagerAntonio MorenoUSA
96Marketing ManagerPaul HenriotGermany
97Marketing AssistantMatti KarttunenSpain
98Sales AgentPascale CartrainArgentina
99Sales AgentHanna MoosArgentina
100Sales AgentElizabeth 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?