New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Virtualization

1OwnerJaime YorresSpain
2Marketing AssistantPatricio SimpsonGermany
3Marketing AssistantGeorg PippsItaly
4Sales AssociateJaime YorresAustria
5Sales RepresentativeAntonio MorenoGermany
6Sales AgentJaime YorresGermany
7Sales AssociatePascale CartrainSpain
8Sales ManagerGeorg PippsBrazil
9Sales AssociateElizabeth LincolnArgentina
10Sales AgentElizabeth LincolnBrazil
11Sales ManagerPatricio SimpsonItaly
12Sales AgentHanna MoosItaly
13Accounting ManagerPascale CartrainAustria
14Sales ConsultantHoward SnyderArgentina
15Sales ManagerElizabeth LincolnFrance
16Sales ConsultantAntonio MorenoUSA
17Marketing ManagerGeorg PippsFrance
18Sales AssociateJaime YorresItaly
19Marketing AssistantGeorg PippsFrance
20Marketing ManagerHanna MoosFrance
21Sales ManagerGeorg PippsAustria
22Sales AssociateAntonio MorenoGermany
23OwnerMatti KarttunenBrazil
24Accounting ManagerHanna MoosUSA
25OwnerPatricio SimpsonGermany
26Sales ConsultantJaime YorresFrance
27Sales AssociateHanna MoosGermany
28Sales AssociateElizabeth LincolnItaly
29Sales AgentHanna MoosBulgaria
30Sales ConsultantPascale CartrainAustria
31Marketing AssistantElizabeth LincolnItaly
32Marketing ManagerElizabeth LincolnUSA
33OwnerAntonio MorenoAustria
34Sales ManagerJaime YorresGermany
35Marketing ManagerElizabeth LincolnArgentina
36Marketing AssistantAntonio MorenoEngland
37Sales AssociateHanna MoosEngland
38Accounting ManagerPascale CartrainGermany
39Sales RepresentativeGeorg PippsBulgaria
40AccountantHoward SnyderAustria
41Sales ConsultantHanna MoosAustria
42OwnerGeorg PippsUSA
43OwnerGeorg PippsBrazil
44Sales AgentHanna MoosArgentina
45Marketing AssistantJaime YorresBulgaria
46Sales ManagerPatricio SimpsonBrazil
47Accounting ManagerAntonio MorenoItaly
48Marketing AssistantMatti KarttunenUSA
49Sales AgentMatti KarttunenSpain
50Sales ConsultantHanna MoosEngland
51Sales ManagerGeorg PippsAustria
52Sales RepresentativeHanna MoosItaly
53Sales AgentAntonio MorenoAustria
54Sales RepresentativeHoward SnyderBrazil
55Sales AgentHoward SnyderItaly
56Sales AgentMatti KarttunenAustria
57Marketing ManagerPatricio SimpsonSpain
58Marketing ManagerPaul HenriotUSA
59Sales AgentHanna MoosArgentina
60AccountantHoward SnyderGermany
61Sales RepresentativeMatti KarttunenGermany
62OwnerJaime YorresBrazil
63Sales AssociateGeorg PippsBrazil
64Sales ManagerElizabeth LincolnEngland
65AccountantPaul HenriotAustria
66Marketing ManagerAntonio MorenoEngland
67Sales AssociateHoward SnyderArgentina
68Sales ConsultantHanna MoosEngland
69Marketing ManagerPaul HenriotBrazil
70Sales AssociateHanna MoosUSA
71OwnerJaime YorresItaly
72OwnerJaime YorresArgentina
73Sales ManagerPatricio SimpsonArgentina
74Sales ConsultantHoward SnyderArgentina
75Sales ManagerPatricio SimpsonEngland
76Sales ConsultantJaime YorresFrance
77Accounting ManagerElizabeth LincolnFrance
78OwnerJaime YorresAustria
79Sales ConsultantGeorg PippsBulgaria
80Marketing AssistantGeorg PippsArgentina
81Sales AgentPatricio SimpsonGermany
82OwnerHanna MoosGermany
83OwnerHoward SnyderBrazil
84Sales ConsultantMatti KarttunenSpain
85Sales AssociatePatricio SimpsonEngland
86Sales ConsultantElizabeth LincolnEngland
87Sales ConsultantHoward SnyderArgentina
88OwnerPatricio SimpsonItaly
89Sales ConsultantPatricio SimpsonEngland
90OwnerGeorg PippsSpain
91OwnerAntonio MorenoEngland
92AccountantHoward SnyderAustria
93Sales ConsultantGeorg PippsEngland
94Sales ConsultantElizabeth LincolnGermany
95Sales AgentHoward SnyderFrance
96AccountantPaul HenriotUSA
97Sales RepresentativeGeorg PippsUSA
98Sales ConsultantGeorg PippsItaly
99Marketing AssistantJaime YorresGermany
100Accounting ManagerPatricio SimpsonItaly
 Item 66001 to 67000 of 300000
Page:
of 300 GoPage size:
  • Sort Ascending
  • Sort Descending
  • Clear Sorting
  • Columns
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>
<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>

Support & Learning Resources

Find Assistance