Grid - Virtualization

1Sales ManagerElizabeth LincolnBrazil
2Sales AssociateElizabeth LincolnBrazil
3Sales ManagerHanna MoosBrazil
4Sales AssociatePatricio SimpsonSpain
5Sales AgentHanna MoosItaly
6Sales AgentElizabeth LincolnSpain
7Accounting ManagerHanna MoosAustria
8Sales AssociateGeorg PippsGermany
9Sales ConsultantPascale CartrainItaly
10Sales ConsultantPascale CartrainBulgaria
11Accounting ManagerPascale CartrainItaly
12Sales ManagerPatricio SimpsonAustria
13Accounting ManagerHoward SnyderFrance
14Sales ConsultantHanna MoosArgentina
15Marketing ManagerElizabeth LincolnFrance
16Accounting ManagerPascale CartrainArgentina
17Accounting ManagerGeorg PippsGermany
18Marketing ManagerAntonio MorenoItaly
19Sales AgentHanna MoosItaly
20Sales AssociateElizabeth LincolnArgentina
21Marketing ManagerPascale CartrainBulgaria
22Sales AssociateHoward SnyderEngland
23Sales RepresentativeHoward SnyderArgentina
24Accounting ManagerMatti KarttunenUSA
25Accounting ManagerHoward SnyderUSA
26OwnerHoward SnyderBrazil
27Sales AgentHoward SnyderArgentina
28Sales AgentPaul HenriotSpain
29Sales AgentHanna MoosUSA
30Sales ConsultantHoward SnyderEngland
31OwnerAntonio MorenoBrazil
32AccountantHoward SnyderArgentina
33OwnerAntonio MorenoGermany
34AccountantPaul HenriotUSA
35OwnerPatricio SimpsonArgentina
36Accounting ManagerGeorg PippsGermany
37Sales RepresentativeJaime YorresGermany
38Sales ManagerElizabeth LincolnBrazil
39Marketing AssistantPaul HenriotEngland
40AccountantElizabeth LincolnSpain
41Sales RepresentativePascale CartrainUSA
42Marketing AssistantElizabeth LincolnUSA
43Sales RepresentativeMatti KarttunenGermany
44Accounting ManagerJaime YorresFrance
45Sales ConsultantPaul HenriotUSA
46Sales ConsultantPatricio SimpsonBrazil
47Accounting ManagerHanna MoosBulgaria
48Sales ConsultantElizabeth LincolnBulgaria
49AccountantPascale CartrainUSA
50AccountantPascale CartrainArgentina
51AccountantJaime YorresFrance
52Sales AgentPascale CartrainBulgaria
53Sales ConsultantMatti KarttunenEngland
54Sales AssociateElizabeth LincolnAustria
55Sales RepresentativeAntonio MorenoSpain
56Sales ConsultantGeorg PippsSpain
57Sales AgentElizabeth LincolnEngland
58AccountantElizabeth LincolnEngland
59AccountantAntonio MorenoAustria
60Sales AssociatePaul HenriotBulgaria
61Sales RepresentativeElizabeth LincolnBulgaria
62Sales RepresentativePascale CartrainBrazil
63AccountantHanna MoosEngland
64Sales ConsultantHanna MoosGermany
65Sales AgentHoward SnyderGermany
66Sales AssociateMatti KarttunenEngland
67Sales ManagerAntonio MorenoGermany
68Marketing ManagerPaul HenriotAustria
69Sales ManagerHoward SnyderArgentina
70Marketing AssistantPatricio SimpsonUSA
71Marketing ManagerPatricio SimpsonEngland
72Sales ConsultantPascale CartrainSpain
73Marketing ManagerHanna MoosSpain
74Sales AgentPaul HenriotEngland
75Sales ManagerMatti KarttunenEngland
76Sales AssociateElizabeth LincolnGermany
77Sales ConsultantHanna MoosFrance
78OwnerHanna MoosAustria
79OwnerMatti KarttunenAustria
80Sales AssociatePascale CartrainUSA
81Sales AssociateHanna MoosArgentina
82AccountantHoward SnyderItaly
83Sales ManagerPascale CartrainFrance
84AccountantJaime YorresAustria
85Accounting ManagerElizabeth LincolnUSA
86Marketing ManagerGeorg PippsUSA
87Sales ManagerPatricio SimpsonSpain
88OwnerPascale CartrainSpain
89Sales RepresentativeHoward SnyderBrazil
90Sales AgentElizabeth LincolnBulgaria
91Sales AgentHanna MoosEngland
92Marketing ManagerElizabeth LincolnArgentina
93Sales AssociatePascale CartrainSpain
94Marketing ManagerHoward SnyderItaly
95Accounting ManagerAntonio MorenoSpain
96AccountantAntonio MorenoArgentina
97Marketing ManagerHanna MoosSpain
98Sales AgentMatti KarttunenAustria
99OwnerHoward SnyderEngland
100Accounting ManagerJaime YorresBulgaria
 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?