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

Virtualization

1Sales AssociatePascale CartrainAustria
2Sales ConsultantMatti KarttunenFrance
3Sales AssociateAntonio MorenoArgentina
4Sales ConsultantPascale CartrainItaly
5Marketing AssistantPaul HenriotArgentina
6Marketing ManagerPaul HenriotUSA
7Accounting ManagerElizabeth LincolnArgentina
8Marketing AssistantAntonio MorenoArgentina
9Sales ManagerHanna MoosArgentina
10Accounting ManagerHoward SnyderGermany
11Sales AssociateJaime YorresAustria
12Marketing ManagerElizabeth LincolnEngland
13Sales ConsultantPascale CartrainSpain
14Sales RepresentativeMatti KarttunenArgentina
15OwnerPatricio SimpsonArgentina
16Sales AssociateAntonio MorenoBrazil
17Marketing ManagerPaul HenriotBulgaria
18Sales RepresentativePatricio SimpsonSpain
19Sales AgentElizabeth LincolnEngland
20Sales AssociateGeorg PippsBulgaria
21OwnerPascale CartrainArgentina
22AccountantJaime YorresFrance
23Sales ConsultantPaul HenriotFrance
24Marketing AssistantPaul HenriotGermany
25Sales AssociatePaul HenriotUSA
26Sales AssociateHoward SnyderEngland
27Marketing AssistantJaime YorresBulgaria
28OwnerPascale CartrainFrance
29Sales AssociatePatricio SimpsonUSA
30OwnerHoward SnyderEngland
31Sales RepresentativeJaime YorresArgentina
32Marketing AssistantJaime YorresEngland
33Sales ConsultantElizabeth LincolnEngland
34Sales RepresentativeElizabeth LincolnItaly
35Marketing ManagerPaul HenriotAustria
36Sales AgentPaul HenriotItaly
37Marketing ManagerPatricio SimpsonAustria
38Sales ConsultantHanna MoosBrazil
39Marketing AssistantPascale CartrainBrazil
40Sales ConsultantPaul HenriotFrance
41Sales AgentMatti KarttunenFrance
42Sales RepresentativeJaime YorresUSA
43Marketing AssistantHanna MoosEngland
44AccountantMatti KarttunenBrazil
45Sales AssociatePascale CartrainUSA
46Marketing AssistantElizabeth LincolnItaly
47Marketing ManagerElizabeth LincolnSpain
48Marketing ManagerElizabeth LincolnArgentina
49Sales AgentJaime YorresBrazil
50Sales AgentHanna MoosFrance
51Sales RepresentativePaul HenriotItaly
52Sales ManagerPatricio SimpsonEngland
53Sales ConsultantJaime YorresItaly
54Accounting ManagerHoward SnyderEngland
55Marketing ManagerPatricio SimpsonAustria
56Sales ManagerJaime YorresSpain
57Sales ConsultantElizabeth LincolnFrance
58AccountantPaul HenriotItaly
59Sales AgentPatricio SimpsonFrance
60Marketing AssistantElizabeth LincolnUSA
61Sales ManagerPatricio SimpsonUSA
62AccountantPascale CartrainArgentina
63Sales AssociatePaul HenriotItaly
64Sales ConsultantElizabeth LincolnAustria
65Sales AssociateJaime YorresBulgaria
66Sales RepresentativeAntonio MorenoAustria
67Sales ManagerHanna MoosUSA
68Sales ConsultantHoward SnyderSpain
69AccountantPaul HenriotGermany
70Sales RepresentativeMatti KarttunenBulgaria
71Sales AgentMatti KarttunenBrazil
72Marketing AssistantElizabeth LincolnFrance
73AccountantPascale CartrainUSA
74Sales ConsultantPascale CartrainArgentina
75Accounting ManagerJaime YorresGermany
76OwnerJaime YorresBrazil
77Sales ManagerPaul HenriotBrazil
78Sales RepresentativeHoward SnyderUSA
79Sales AssociateAntonio MorenoBulgaria
80Sales AgentElizabeth LincolnAustria
81Accounting ManagerAntonio MorenoUSA
82Accounting ManagerPascale CartrainBulgaria
83Sales AssociateAntonio MorenoBulgaria
84Accounting ManagerHanna MoosEngland
85Sales ManagerElizabeth LincolnAustria
86Sales AssociateJaime YorresFrance
87Sales AgentGeorg PippsFrance
88Sales ManagerPatricio SimpsonUSA
89Marketing ManagerHoward SnyderBrazil
90Marketing AssistantPatricio SimpsonItaly
91Sales AssociateJaime YorresBrazil
92OwnerGeorg PippsBrazil
93Marketing AssistantAntonio MorenoEngland
94Sales RepresentativePatricio SimpsonAustria
95Accounting ManagerJaime YorresFrance
96Marketing ManagerJaime YorresSpain
97Sales RepresentativeJaime YorresItaly
98Sales ManagerJaime YorresItaly
99Accounting ManagerHanna MoosUSA
100OwnerMatti KarttunenItaly
 Item 2001 to 3000 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