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

Virtualization

1Sales RepresentativeHanna MoosGermany
2Sales AgentHoward SnyderArgentina
3Sales AgentPatricio SimpsonUSA
4Marketing ManagerPaul HenriotArgentina
5OwnerGeorg PippsEngland
6Sales ConsultantJaime YorresSpain
7Accounting ManagerHoward SnyderAustria
8Sales RepresentativeHoward SnyderBulgaria
9OwnerHoward SnyderBrazil
10Accounting ManagerGeorg PippsBrazil
11Sales ConsultantMatti KarttunenSpain
12OwnerAntonio MorenoEngland
13Sales RepresentativeAntonio MorenoBulgaria
14Sales AssociateHoward SnyderFrance
15Marketing ManagerPascale CartrainAustria
16Sales ConsultantJaime YorresArgentina
17Marketing AssistantElizabeth LincolnFrance
18OwnerJaime YorresFrance
19OwnerPascale CartrainItaly
20Marketing ManagerMatti KarttunenArgentina
21Sales RepresentativeMatti KarttunenBrazil
22Accounting ManagerPaul HenriotUSA
23OwnerElizabeth LincolnAustria
24OwnerPatricio SimpsonArgentina
25Marketing AssistantHoward SnyderItaly
26Marketing ManagerHanna MoosEngland
27Sales AgentHanna MoosBulgaria
28OwnerAntonio MorenoSpain
29Marketing AssistantHoward SnyderUSA
30Sales ConsultantMatti KarttunenBulgaria
31OwnerPaul HenriotGermany
32Accounting ManagerPatricio SimpsonBulgaria
33AccountantHoward SnyderSpain
34OwnerPatricio SimpsonEngland
35Sales AgentPaul HenriotGermany
36Sales ConsultantJaime YorresArgentina
37Sales ConsultantPatricio SimpsonFrance
38OwnerMatti KarttunenItaly
39Marketing ManagerJaime YorresBulgaria
40Sales ConsultantAntonio MorenoBrazil
41OwnerPascale CartrainFrance
42Sales AssociateGeorg PippsEngland
43Sales ManagerAntonio MorenoSpain
44Sales AgentPascale CartrainAustria
45Marketing ManagerElizabeth LincolnFrance
46Sales ConsultantMatti KarttunenEngland
47Sales ManagerPaul HenriotSpain
48Marketing AssistantPascale CartrainItaly
49Sales ConsultantPatricio SimpsonSpain
50Sales RepresentativeHanna MoosEngland
51OwnerHoward SnyderBrazil
52Marketing AssistantAntonio MorenoBrazil
53OwnerPascale CartrainBrazil
54Marketing ManagerHanna MoosSpain
55Sales RepresentativeHoward SnyderItaly
56Marketing ManagerHoward SnyderEngland
57Marketing ManagerAntonio MorenoFrance
58Marketing AssistantElizabeth LincolnArgentina
59Sales RepresentativeAntonio MorenoBrazil
60AccountantGeorg PippsAustria
61Sales ManagerJaime YorresAustria
62Sales ConsultantPatricio SimpsonBrazil
63OwnerGeorg PippsBrazil
64Sales AgentElizabeth LincolnBrazil
65Sales ConsultantElizabeth LincolnGermany
66OwnerJaime YorresAustria
67Sales ManagerMatti KarttunenBrazil
68Sales AssociateHanna MoosBulgaria
69Marketing ManagerJaime YorresAustria
70Sales ManagerAntonio MorenoEngland
71Marketing AssistantElizabeth LincolnUSA
72Sales AssociateAntonio MorenoFrance
73Sales AgentMatti KarttunenAustria
74Sales ManagerJaime YorresArgentina
75Accounting ManagerHoward SnyderBulgaria
76Marketing AssistantMatti KarttunenEngland
77AccountantMatti KarttunenAustria
78Sales AssociatePascale CartrainArgentina
79Accounting ManagerMatti KarttunenEngland
80Marketing ManagerMatti KarttunenItaly
81Marketing ManagerJaime YorresArgentina
82Sales RepresentativeElizabeth LincolnFrance
83Marketing AssistantHanna MoosArgentina
84AccountantPatricio SimpsonFrance
85Marketing AssistantJaime YorresBulgaria
86Marketing AssistantPatricio SimpsonBulgaria
87Sales AgentPatricio SimpsonEngland
88Marketing AssistantMatti KarttunenArgentina
89Sales AgentAntonio MorenoGermany
90Sales ConsultantAntonio MorenoArgentina
91Marketing AssistantJaime YorresUSA
92Marketing ManagerHoward SnyderArgentina
93Accounting ManagerPaul HenriotArgentina
94Accounting ManagerPatricio SimpsonGermany
95Accounting ManagerPatricio SimpsonArgentina
96Accounting ManagerGeorg PippsSpain
97AccountantJaime YorresBulgaria
98AccountantMatti KarttunenFrance
99OwnerAntonio MorenoBrazil
100Sales ConsultantPatricio SimpsonItaly
 Item 194001 to 195000 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