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

Virtualization

1Sales ConsultantPascale CartrainArgentina
2Accounting ManagerPascale CartrainUSA
3Sales RepresentativeHoward SnyderArgentina
4Sales RepresentativePatricio SimpsonBulgaria
5Sales AssociatePascale CartrainUSA
6Marketing ManagerPascale CartrainSpain
7Marketing ManagerAntonio MorenoGermany
8Sales RepresentativePascale CartrainBrazil
9Sales AgentGeorg PippsItaly
10Sales AssociateMatti KarttunenSpain
11Sales ConsultantPascale CartrainArgentina
12Sales AgentPascale CartrainSpain
13Sales ConsultantHoward SnyderUSA
14Sales RepresentativeGeorg PippsBulgaria
15Sales AgentPaul HenriotFrance
16Sales AssociateHoward SnyderBrazil
17Sales RepresentativeJaime YorresFrance
18Sales AgentElizabeth LincolnFrance
19Sales AgentPascale CartrainArgentina
20Sales ConsultantPatricio SimpsonUSA
21Sales ManagerMatti KarttunenBrazil
22Sales ManagerJaime YorresAustria
23Accounting ManagerHoward SnyderGermany
24Marketing ManagerHanna MoosSpain
25Sales ManagerPatricio SimpsonFrance
26Sales RepresentativeJaime YorresBrazil
27Accounting ManagerMatti KarttunenAustria
28Accounting ManagerGeorg PippsGermany
29Sales RepresentativeJaime YorresAustria
30Marketing AssistantPatricio SimpsonSpain
31Marketing AssistantJaime YorresGermany
32Marketing AssistantHanna MoosUSA
33Marketing ManagerAntonio MorenoArgentina
34Sales ManagerMatti KarttunenBrazil
35Sales RepresentativePascale CartrainGermany
36Sales RepresentativeElizabeth LincolnEngland
37AccountantJaime YorresBrazil
38Sales RepresentativeMatti KarttunenAustria
39OwnerJaime YorresGermany
40Marketing AssistantHanna MoosItaly
41Sales ConsultantJaime YorresGermany
42Sales RepresentativeElizabeth LincolnBrazil
43Sales ConsultantPascale CartrainSpain
44Marketing AssistantHoward SnyderBulgaria
45Marketing AssistantPatricio SimpsonGermany
46Marketing ManagerHoward SnyderGermany
47OwnerJaime YorresItaly
48AccountantPaul HenriotUSA
49Sales ManagerAntonio MorenoUSA
50AccountantAntonio MorenoGermany
51Marketing AssistantElizabeth LincolnUSA
52Sales RepresentativeAntonio MorenoArgentina
53Sales AgentPatricio SimpsonBulgaria
54Sales AssociateHoward SnyderBulgaria
55Accounting ManagerElizabeth LincolnEngland
56AccountantPaul HenriotUSA
57Sales RepresentativeHanna MoosBulgaria
58Marketing ManagerPatricio SimpsonUSA
59Marketing AssistantHanna MoosSpain
60AccountantPaul HenriotBrazil
61Marketing ManagerElizabeth LincolnBrazil
62AccountantElizabeth LincolnAustria
63Sales ConsultantElizabeth LincolnBulgaria
64Sales AssociatePatricio SimpsonGermany
65Sales ManagerAntonio MorenoBrazil
66Sales ManagerHoward SnyderGermany
67AccountantAntonio MorenoItaly
68Sales AssociatePatricio SimpsonFrance
69Sales AssociatePatricio SimpsonBulgaria
70Marketing ManagerHoward SnyderFrance
71Sales ManagerHanna MoosSpain
72Sales RepresentativePaul HenriotAustria
73Marketing AssistantJaime YorresGermany
74AccountantHoward SnyderSpain
75OwnerPatricio SimpsonSpain
76Sales RepresentativeJaime YorresBrazil
77Sales ManagerMatti KarttunenFrance
78Marketing ManagerGeorg PippsFrance
79AccountantElizabeth LincolnFrance
80OwnerGeorg PippsFrance
81Marketing ManagerJaime YorresItaly
82Sales AgentHoward SnyderArgentina
83Marketing AssistantElizabeth LincolnBrazil
84Sales RepresentativePaul HenriotGermany
85Sales ManagerHoward SnyderBrazil
86Sales RepresentativeMatti KarttunenAustria
87OwnerPaul HenriotBrazil
88OwnerMatti KarttunenGermany
89Sales RepresentativeAntonio MorenoEngland
90Sales RepresentativeGeorg PippsEngland
91Marketing ManagerPatricio SimpsonGermany
92OwnerHanna MoosFrance
93Sales RepresentativeMatti KarttunenAustria
94Sales AssociateMatti KarttunenBulgaria
95AccountantJaime YorresBrazil
96Marketing AssistantPatricio SimpsonItaly
97AccountantPaul HenriotEngland
98Sales AssociatePatricio SimpsonGermany
99Sales ManagerMatti KarttunenBrazil
100Sales AgentGeorg PippsItaly
 Item 24001 to 25000 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