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

Virtualization

1Sales RepresentativeAntonio MorenoArgentina
2Marketing AssistantJaime YorresFrance
3Accounting ManagerPatricio SimpsonBrazil
4Sales ManagerElizabeth LincolnEngland
5Sales AgentPaul HenriotItaly
6Accounting ManagerGeorg PippsBulgaria
7OwnerElizabeth LincolnEngland
8Sales RepresentativePatricio SimpsonAustria
9Sales ManagerHanna MoosGermany
10Sales ConsultantHanna MoosSpain
11Accounting ManagerJaime YorresBulgaria
12Marketing AssistantHoward SnyderBulgaria
13OwnerPaul HenriotItaly
14Sales ConsultantElizabeth LincolnItaly
15Sales ConsultantPaul HenriotBrazil
16Marketing AssistantJaime YorresGermany
17AccountantPaul HenriotUSA
18OwnerPaul HenriotAustria
19Marketing AssistantMatti KarttunenEngland
20AccountantAntonio MorenoEngland
21OwnerAntonio MorenoFrance
22Marketing ManagerJaime YorresBrazil
23Sales AgentElizabeth LincolnFrance
24Marketing AssistantElizabeth LincolnBrazil
25Marketing AssistantGeorg PippsUSA
26Accounting ManagerElizabeth LincolnFrance
27Marketing AssistantMatti KarttunenSpain
28AccountantHanna MoosItaly
29Sales RepresentativeElizabeth LincolnBulgaria
30Sales RepresentativePascale CartrainAustria
31Sales AgentPascale CartrainAustria
32Sales AgentAntonio MorenoAustria
33Sales AssociatePatricio SimpsonBrazil
34OwnerPatricio SimpsonSpain
35Accounting ManagerElizabeth LincolnItaly
36Sales ManagerGeorg PippsFrance
37Sales AgentMatti KarttunenGermany
38Sales ConsultantElizabeth LincolnItaly
39Sales RepresentativeHanna MoosBulgaria
40Sales RepresentativeMatti KarttunenGermany
41Sales RepresentativeHoward SnyderGermany
42Marketing ManagerElizabeth LincolnItaly
43Sales AssociatePaul HenriotBrazil
44Marketing ManagerPatricio SimpsonArgentina
45OwnerAntonio MorenoGermany
46Sales ConsultantPaul HenriotFrance
47Sales AssociateGeorg PippsEngland
48Sales AgentHanna MoosGermany
49Marketing AssistantHoward SnyderGermany
50Sales AssociateAntonio MorenoGermany
51Sales RepresentativePaul HenriotArgentina
52OwnerJaime YorresEngland
53OwnerJaime YorresGermany
54Marketing ManagerHanna MoosAustria
55Sales ConsultantGeorg PippsGermany
56Sales ConsultantHoward SnyderSpain
57Sales RepresentativePatricio SimpsonEngland
58Sales ConsultantMatti KarttunenFrance
59Sales AgentAntonio MorenoSpain
60Sales AssociatePatricio SimpsonGermany
61Accounting ManagerHoward SnyderEngland
62Sales ConsultantPatricio SimpsonFrance
63Marketing ManagerAntonio MorenoAustria
64OwnerPatricio SimpsonAustria
65Sales AgentMatti KarttunenBulgaria
66AccountantPatricio SimpsonSpain
67Sales ManagerElizabeth LincolnGermany
68Sales RepresentativePascale CartrainItaly
69Sales AgentPaul HenriotUSA
70Sales AssociateJaime YorresAustria
71Marketing AssistantHanna MoosUSA
72Sales AssociatePaul HenriotGermany
73Sales RepresentativeHanna MoosBulgaria
74Sales ConsultantAntonio MorenoSpain
75Sales RepresentativePascale CartrainBulgaria
76Sales ManagerJaime YorresSpain
77Sales RepresentativeGeorg PippsSpain
78Marketing AssistantPascale CartrainSpain
79Sales RepresentativeHanna MoosUSA
80OwnerMatti KarttunenGermany
81Sales AssociateHoward SnyderArgentina
82Marketing ManagerJaime YorresArgentina
83Sales ManagerMatti KarttunenBrazil
84OwnerPatricio SimpsonBrazil
85Sales AssociateMatti KarttunenGermany
86Sales AssociateElizabeth LincolnArgentina
87Marketing AssistantHoward SnyderEngland
88Marketing AssistantHoward SnyderAustria
89Sales RepresentativeHanna MoosItaly
90Accounting ManagerElizabeth LincolnItaly
91Marketing AssistantAntonio MorenoSpain
92AccountantGeorg PippsEngland
93Accounting ManagerPascale CartrainGermany
94Accounting ManagerGeorg PippsBrazil
95OwnerJaime YorresUSA
96Marketing AssistantMatti KarttunenBrazil
97Accounting ManagerGeorg PippsGermany
98Accounting ManagerPascale CartrainArgentina
99OwnerAntonio MorenoArgentina
100Marketing AssistantPatricio SimpsonFrance
 Item 127001 to 128000 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