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

Virtualization

1Sales RepresentativePaul HenriotArgentina
2Sales ConsultantMatti KarttunenUSA
3Sales ManagerAntonio MorenoArgentina
4Sales AssociateHanna MoosBulgaria
5OwnerPascale CartrainBulgaria
6Marketing AssistantHoward SnyderBulgaria
7OwnerAntonio MorenoBulgaria
8Sales AgentHanna MoosSpain
9Marketing AssistantPatricio SimpsonBulgaria
10OwnerHanna MoosBrazil
11Accounting ManagerMatti KarttunenBrazil
12Sales ConsultantHoward SnyderGermany
13AccountantElizabeth LincolnItaly
14Sales ConsultantPaul HenriotItaly
15Sales ConsultantPascale CartrainBrazil
16AccountantHanna MoosGermany
17Marketing ManagerPascale CartrainItaly
18Sales AssociateAntonio MorenoSpain
19OwnerPatricio SimpsonBulgaria
20OwnerPatricio SimpsonAustria
21Marketing ManagerPatricio SimpsonArgentina
22OwnerPatricio SimpsonFrance
23OwnerPascale CartrainArgentina
24Sales AgentHanna MoosBulgaria
25Sales ConsultantHanna MoosBrazil
26OwnerElizabeth LincolnBulgaria
27Sales AgentPaul HenriotGermany
28Marketing AssistantPascale CartrainBulgaria
29Accounting ManagerMatti KarttunenAustria
30Sales AssociateMatti KarttunenEngland
31Marketing AssistantHanna MoosItaly
32Sales RepresentativeJaime YorresAustria
33Marketing AssistantHanna MoosArgentina
34Sales AssociateJaime YorresGermany
35Accounting ManagerHoward SnyderItaly
36AccountantHoward SnyderArgentina
37Sales ManagerJaime YorresBrazil
38Marketing AssistantJaime YorresBrazil
39Sales AssociatePascale CartrainBulgaria
40AccountantMatti KarttunenUSA
41OwnerHanna MoosArgentina
42Marketing ManagerPaul HenriotEngland
43AccountantJaime YorresItaly
44Sales RepresentativeGeorg PippsGermany
45Marketing ManagerPatricio SimpsonAustria
46Accounting ManagerElizabeth LincolnAustria
47Sales ManagerHanna MoosAustria
48Sales AgentElizabeth LincolnBulgaria
49Marketing AssistantGeorg PippsFrance
50Sales AssociateGeorg PippsItaly
51Sales AssociateMatti KarttunenUSA
52Sales RepresentativeGeorg PippsBrazil
53Accounting ManagerJaime YorresBrazil
54Sales AgentMatti KarttunenSpain
55Sales ConsultantHoward SnyderGermany
56Sales AgentElizabeth LincolnUSA
57Sales AgentMatti KarttunenUSA
58Sales ManagerPatricio SimpsonArgentina
59Marketing AssistantElizabeth LincolnItaly
60Sales AssociateAntonio MorenoGermany
61Sales RepresentativePascale CartrainArgentina
62Sales AssociateAntonio MorenoArgentina
63Accounting ManagerMatti KarttunenAustria
64Sales AgentMatti KarttunenSpain
65Sales ConsultantHanna MoosArgentina
66Sales RepresentativeMatti KarttunenSpain
67Sales RepresentativeElizabeth LincolnEngland
68Sales ManagerHanna MoosBrazil
69Marketing AssistantAntonio MorenoBrazil
70AccountantHanna MoosSpain
71Sales AgentMatti KarttunenEngland
72Accounting ManagerHanna MoosBulgaria
73Sales ManagerMatti KarttunenGermany
74Sales AgentPaul HenriotBrazil
75Sales RepresentativeGeorg PippsSpain
76Sales AssociatePaul HenriotItaly
77Sales ManagerMatti KarttunenBrazil
78Sales AssociateAntonio MorenoSpain
79Sales RepresentativeJaime YorresAustria
80AccountantGeorg PippsEngland
81Sales AgentElizabeth LincolnGermany
82Sales ManagerElizabeth LincolnUSA
83AccountantHoward SnyderEngland
84OwnerPaul HenriotSpain
85Sales ManagerAntonio MorenoUSA
86AccountantMatti KarttunenBulgaria
87OwnerPaul HenriotAustria
88Accounting ManagerGeorg PippsAustria
89Accounting ManagerGeorg PippsBrazil
90Marketing ManagerElizabeth LincolnEngland
91Sales ManagerPascale CartrainBrazil
92Sales ManagerHanna MoosItaly
93OwnerAntonio MorenoItaly
94AccountantGeorg PippsSpain
95Marketing ManagerPatricio SimpsonGermany
96AccountantPatricio SimpsonItaly
97OwnerPascale CartrainAustria
98Accounting ManagerPatricio SimpsonBrazil
99Marketing ManagerPascale CartrainFrance
100Sales ManagerPatricio SimpsonEngland
 Item 22001 to 23000 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