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

Virtualization

1OwnerPatricio SimpsonEngland
2Marketing AssistantGeorg PippsGermany
3Marketing ManagerAntonio MorenoGermany
4AccountantAntonio MorenoItaly
5AccountantMatti KarttunenFrance
6AccountantHoward SnyderUSA
7Marketing AssistantPaul HenriotAustria
8AccountantMatti KarttunenBulgaria
9Sales RepresentativeElizabeth LincolnItaly
10OwnerHanna MoosSpain
11Sales ConsultantPascale CartrainArgentina
12Accounting ManagerHanna MoosArgentina
13Sales ManagerHoward SnyderBulgaria
14Sales AgentElizabeth LincolnUSA
15Sales RepresentativePatricio SimpsonFrance
16Sales AssociateAntonio MorenoUSA
17Accounting ManagerPatricio SimpsonBulgaria
18Accounting ManagerPatricio SimpsonGermany
19Sales AssociateJaime YorresAustria
20Sales RepresentativeHanna MoosAustria
21Sales AgentHoward SnyderArgentina
22Marketing ManagerJaime YorresAustria
23Sales AgentAntonio MorenoBrazil
24Sales ManagerPaul HenriotItaly
25Sales AgentPatricio SimpsonBulgaria
26AccountantHanna MoosEngland
27Sales ManagerJaime YorresSpain
28Marketing ManagerGeorg PippsGermany
29Marketing ManagerElizabeth LincolnFrance
30Accounting ManagerAntonio MorenoBrazil
31Sales AssociatePaul HenriotBulgaria
32Sales ConsultantHoward SnyderItaly
33Sales AgentPaul HenriotBrazil
34Sales RepresentativeJaime YorresBulgaria
35Sales AssociateHanna MoosItaly
36Sales ManagerAntonio MorenoUSA
37Sales ConsultantPaul HenriotItaly
38Sales ConsultantJaime YorresUSA
39Accounting ManagerMatti KarttunenFrance
40Accounting ManagerHoward SnyderEngland
41Marketing ManagerHanna MoosGermany
42Sales RepresentativeJaime YorresAustria
43Sales ConsultantAntonio MorenoArgentina
44Marketing ManagerHoward SnyderSpain
45Marketing AssistantHoward SnyderUSA
46Sales AgentHanna MoosFrance
47Marketing AssistantHoward SnyderItaly
48Marketing AssistantAntonio MorenoFrance
49Sales RepresentativeMatti KarttunenGermany
50Sales ManagerGeorg PippsUSA
51Sales AssociateGeorg PippsAustria
52Sales AssociateHanna MoosFrance
53Sales ManagerPatricio SimpsonAustria
54Marketing ManagerHoward SnyderGermany
55Marketing ManagerPascale CartrainGermany
56Marketing AssistantMatti KarttunenArgentina
57Sales RepresentativePatricio SimpsonItaly
58OwnerMatti KarttunenBulgaria
59OwnerPatricio SimpsonGermany
60Sales RepresentativeHoward SnyderGermany
61Sales RepresentativePascale CartrainItaly
62Sales AgentAntonio MorenoAustria
63Sales ManagerPatricio SimpsonEngland
64Sales AssociateMatti KarttunenEngland
65Accounting ManagerAntonio MorenoArgentina
66AccountantHanna MoosBulgaria
67Sales AssociateAntonio MorenoBulgaria
68Accounting ManagerAntonio MorenoAustria
69Accounting ManagerElizabeth LincolnAustria
70Sales ManagerHanna MoosAustria
71OwnerPatricio SimpsonBrazil
72Sales AssociateHoward SnyderAustria
73Sales AssociateHoward SnyderFrance
74Sales AssociateAntonio MorenoSpain
75Sales ManagerAntonio MorenoArgentina
76Sales ManagerJaime YorresFrance
77Sales AgentGeorg PippsArgentina
78AccountantPatricio SimpsonArgentina
79Accounting ManagerPatricio SimpsonUSA
80Marketing AssistantPatricio SimpsonFrance
81AccountantPaul HenriotItaly
82Sales ManagerHoward SnyderAustria
83Sales RepresentativePascale CartrainBulgaria
84Sales AgentAntonio MorenoArgentina
85Sales ConsultantHoward SnyderBulgaria
86Sales ConsultantPascale CartrainGermany
87Sales RepresentativeMatti KarttunenSpain
88Sales ManagerPascale CartrainUSA
89Marketing AssistantHanna MoosGermany
90Sales AgentAntonio MorenoArgentina
91Sales AssociateGeorg PippsBulgaria
92Sales AssociateHanna MoosArgentina
93Marketing ManagerElizabeth LincolnSpain
94Sales RepresentativeHanna MoosAustria
95Sales AgentPatricio SimpsonArgentina
96OwnerJaime YorresFrance
97Accounting ManagerJaime YorresAustria
98OwnerAntonio MorenoEngland
99Marketing AssistantHoward SnyderUSA
100AccountantHanna MoosBrazil
 Item 78001 to 79000 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