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

Virtualization

1Sales AssociateHoward SnyderAustria
2Sales AgentElizabeth LincolnBulgaria
3AccountantElizabeth LincolnGermany
4Marketing AssistantHanna MoosFrance
5Accounting ManagerAntonio MorenoGermany
6Accounting ManagerPatricio SimpsonEngland
7AccountantMatti KarttunenUSA
8Sales AssociateMatti KarttunenUSA
9Sales ConsultantMatti KarttunenArgentina
10Marketing AssistantPatricio SimpsonFrance
11AccountantAntonio MorenoAustria
12Marketing AssistantJaime YorresArgentina
13Marketing AssistantAntonio MorenoFrance
14Sales AgentElizabeth LincolnSpain
15Sales ManagerHanna MoosBrazil
16Sales ConsultantAntonio MorenoBulgaria
17AccountantPascale CartrainGermany
18Sales ManagerHanna MoosUSA
19Sales RepresentativeGeorg PippsFrance
20Sales ManagerAntonio MorenoItaly
21Sales AssociatePascale CartrainBulgaria
22Sales AgentJaime YorresItaly
23AccountantPaul HenriotItaly
24Sales AgentAntonio MorenoGermany
25Sales ManagerPaul HenriotGermany
26Accounting ManagerPatricio SimpsonAustria
27Marketing AssistantGeorg PippsSpain
28Accounting ManagerElizabeth LincolnFrance
29Accounting ManagerMatti KarttunenAustria
30Sales ConsultantElizabeth LincolnArgentina
31OwnerPaul HenriotArgentina
32Marketing AssistantJaime YorresUSA
33Sales AgentMatti KarttunenUSA
34Sales ConsultantPaul HenriotFrance
35AccountantAntonio MorenoBrazil
36Marketing ManagerPascale CartrainEngland
37Accounting ManagerElizabeth LincolnEngland
38Sales ConsultantPatricio SimpsonArgentina
39Sales AgentJaime YorresArgentina
40Sales AgentMatti KarttunenUSA
41OwnerAntonio MorenoBrazil
42Marketing ManagerPaul HenriotSpain
43Accounting ManagerJaime YorresAustria
44Marketing AssistantAntonio MorenoGermany
45Accounting ManagerPascale CartrainGermany
46Accounting ManagerElizabeth LincolnAustria
47Accounting ManagerPascale CartrainFrance
48Sales ManagerHoward SnyderFrance
49Sales RepresentativeHanna MoosBulgaria
50Sales RepresentativeAntonio MorenoArgentina
51Sales AgentHanna MoosEngland
52OwnerPascale CartrainFrance
53Sales RepresentativeHoward SnyderGermany
54Sales AgentMatti KarttunenBrazil
55Sales AssociateAntonio MorenoBrazil
56Marketing AssistantJaime YorresBulgaria
57Sales AgentGeorg PippsBrazil
58Sales ConsultantElizabeth LincolnItaly
59AccountantPaul HenriotAustria
60Sales AgentPascale CartrainEngland
61Sales AgentElizabeth LincolnAustria
62OwnerPatricio SimpsonAustria
63Sales RepresentativeAntonio MorenoArgentina
64Sales AgentElizabeth LincolnEngland
65Marketing AssistantHoward SnyderFrance
66Marketing ManagerPatricio SimpsonAustria
67Accounting ManagerGeorg PippsEngland
68Sales ManagerMatti KarttunenBulgaria
69Marketing ManagerElizabeth LincolnFrance
70Accounting ManagerJaime YorresBrazil
71Sales ConsultantPatricio SimpsonEngland
72Sales ManagerPaul HenriotAustria
73Sales ManagerHoward SnyderArgentina
74Sales RepresentativeJaime YorresFrance
75Sales ManagerPascale CartrainEngland
76AccountantJaime YorresSpain
77Accounting ManagerPascale CartrainUSA
78Accounting ManagerJaime YorresBrazil
79Marketing ManagerPatricio SimpsonAustria
80Marketing AssistantHoward SnyderEngland
81Marketing AssistantHanna MoosAustria
82Sales AssociateGeorg PippsGermany
83AccountantHoward SnyderArgentina
84AccountantMatti KarttunenBulgaria
85Sales AssociateGeorg PippsFrance
86Sales AssociateMatti KarttunenEngland
87Marketing ManagerPaul HenriotSpain
88Sales AssociateAntonio MorenoBrazil
89Sales AssociateMatti KarttunenEngland
90Sales ConsultantPatricio SimpsonGermany
91Sales ConsultantPatricio SimpsonUSA
92Marketing AssistantGeorg PippsFrance
93Sales ManagerHanna MoosArgentina
94Sales ManagerAntonio MorenoAustria
95Sales ManagerJaime YorresArgentina
96Sales RepresentativePatricio SimpsonBulgaria
97Sales AgentHanna MoosItaly
98Sales ManagerHoward SnyderArgentina
99Sales RepresentativePaul HenriotAustria
100Accounting ManagerJaime YorresBulgaria
 Item 9001 to 10000 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