Grid - Virtualization

1Sales RepresentativeElizabeth LincolnSpain
2Sales ManagerAntonio MorenoBrazil
3Sales AssociateHanna MoosBulgaria
4Sales RepresentativePatricio SimpsonGermany
5Sales RepresentativePatricio SimpsonFrance
6OwnerPatricio SimpsonSpain
7Sales ConsultantHoward SnyderItaly
8Sales ManagerElizabeth LincolnBulgaria
9Sales AssociatePascale CartrainBrazil
10Marketing AssistantHanna MoosBulgaria
11Sales AssociateHanna MoosAustria
12AccountantHoward SnyderEngland
13Sales ManagerGeorg PippsArgentina
14OwnerHanna MoosEngland
15Marketing AssistantAntonio MorenoSpain
16Sales RepresentativePatricio SimpsonFrance
17Sales ConsultantHanna MoosFrance
18Sales ConsultantGeorg PippsAustria
19Sales AssociateMatti KarttunenEngland
20OwnerJaime YorresGermany
21Marketing ManagerAntonio MorenoBrazil
22Sales AssociatePaul HenriotSpain
23Sales RepresentativeGeorg PippsBrazil
24Marketing ManagerPatricio SimpsonFrance
25AccountantGeorg PippsUSA
26Sales AgentJaime YorresEngland
27Marketing ManagerGeorg PippsFrance
28OwnerElizabeth LincolnItaly
29Sales AssociateGeorg PippsArgentina
30Sales ConsultantElizabeth LincolnEngland
31AccountantHoward SnyderUSA
32OwnerAntonio MorenoAustria
33Sales AssociatePascale CartrainSpain
34Marketing AssistantPascale CartrainBulgaria
35Sales AgentHanna MoosBrazil
36Marketing AssistantPascale CartrainGermany
37Sales AssociateAntonio MorenoArgentina
38Sales AgentPatricio SimpsonItaly
39Marketing ManagerElizabeth LincolnGermany
40OwnerPaul HenriotGermany
41AccountantPaul HenriotGermany
42Sales ManagerHanna MoosFrance
43Sales AgentHanna MoosUSA
44Sales ManagerHoward SnyderBrazil
45AccountantMatti KarttunenGermany
46Marketing ManagerPascale CartrainBulgaria
47AccountantPatricio SimpsonUSA
48Sales AgentJaime YorresFrance
49AccountantHanna MoosAustria
50Sales ManagerMatti KarttunenFrance
51Sales RepresentativeMatti KarttunenItaly
52Sales AssociatePascale CartrainArgentina
53Sales AgentPatricio SimpsonSpain
54AccountantMatti KarttunenArgentina
55Sales ManagerHanna MoosEngland
56Marketing AssistantAntonio MorenoFrance
57OwnerHanna MoosItaly
58Marketing AssistantPascale CartrainBrazil
59Accounting ManagerHoward SnyderArgentina
60OwnerPaul HenriotBulgaria
61Sales AssociateGeorg PippsBulgaria
62Sales ManagerHoward SnyderItaly
63Sales ConsultantHoward SnyderSpain
64Sales AgentPascale CartrainSpain
65Accounting ManagerPaul HenriotBulgaria
66Sales RepresentativePatricio SimpsonFrance
67AccountantHanna MoosItaly
68Sales AssociatePatricio SimpsonSpain
69Marketing AssistantJaime YorresSpain
70Marketing AssistantJaime YorresUSA
71OwnerMatti KarttunenUSA
72Sales ManagerElizabeth LincolnBrazil
73Accounting ManagerGeorg PippsAustria
74Sales AssociateJaime YorresEngland
75Sales RepresentativePascale CartrainArgentina
76Sales AgentHanna MoosBrazil
77Sales RepresentativeHoward SnyderItaly
78AccountantPaul HenriotSpain
79Marketing ManagerGeorg PippsBulgaria
80OwnerHoward SnyderFrance
81AccountantElizabeth LincolnFrance
82Sales AgentMatti KarttunenSpain
83Sales AgentMatti KarttunenItaly
84Sales RepresentativePaul HenriotBulgaria
85OwnerElizabeth LincolnFrance
86Sales ConsultantHanna MoosSpain
87Sales ManagerAntonio MorenoEngland
88Sales RepresentativePascale CartrainSpain
89OwnerJaime YorresItaly
90Sales ManagerAntonio MorenoItaly
91Marketing ManagerHanna MoosItaly
92Marketing ManagerElizabeth LincolnBrazil
93Marketing ManagerAntonio MorenoUSA
94OwnerElizabeth LincolnFrance
95Sales AssociatePaul HenriotArgentina
96OwnerPascale CartrainBulgaria
97Marketing AssistantJaime YorresSpain
98Marketing ManagerPatricio SimpsonFrance
99Marketing AssistantHoward SnyderSpain
100Sales AssociateHanna MoosBulgaria
 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?