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

Virtualization

1Sales RepresentativeHanna MoosGermany
2OwnerPascale CartrainEngland
3Sales AssociateAntonio MorenoEngland
4Accounting ManagerHanna MoosGermany
5OwnerMatti KarttunenBrazil
6Sales RepresentativePaul HenriotItaly
7Marketing ManagerGeorg PippsItaly
8Accounting ManagerAntonio MorenoEngland
9Marketing AssistantPatricio SimpsonArgentina
10Marketing AssistantHoward SnyderEngland
11AccountantGeorg PippsFrance
12Marketing AssistantHoward SnyderBrazil
13Sales AssociateMatti KarttunenEngland
14Sales ConsultantPascale CartrainSpain
15Sales ConsultantHoward SnyderGermany
16Sales ManagerPascale CartrainBrazil
17Sales AgentJaime YorresEngland
18Sales RepresentativeAntonio MorenoItaly
19Accounting ManagerElizabeth LincolnItaly
20Accounting ManagerJaime YorresFrance
21Sales ConsultantElizabeth LincolnItaly
22Sales AgentJaime YorresGermany
23Sales ManagerPatricio SimpsonEngland
24OwnerGeorg PippsSpain
25Accounting ManagerElizabeth LincolnBulgaria
26Sales AgentHoward SnyderItaly
27Accounting ManagerPatricio SimpsonArgentina
28Accounting ManagerHanna MoosGermany
29Sales AssociatePascale CartrainArgentina
30OwnerHoward SnyderBrazil
31Sales AssociateJaime YorresSpain
32Sales AgentAntonio MorenoSpain
33Accounting ManagerHoward SnyderItaly
34Sales RepresentativePascale CartrainArgentina
35OwnerPascale CartrainFrance
36Sales RepresentativeAntonio MorenoArgentina
37Marketing ManagerGeorg PippsGermany
38OwnerJaime YorresItaly
39OwnerElizabeth LincolnItaly
40Sales ConsultantGeorg PippsBulgaria
41Marketing AssistantPaul HenriotBulgaria
42Sales ConsultantHoward SnyderArgentina
43Sales AssociatePatricio SimpsonSpain
44Sales ManagerHanna MoosBulgaria
45Marketing ManagerGeorg PippsAustria
46Marketing ManagerPatricio SimpsonBulgaria
47AccountantJaime YorresGermany
48Marketing ManagerPascale CartrainAustria
49Marketing ManagerPaul HenriotBulgaria
50Sales AgentPaul HenriotSpain
51Accounting ManagerPaul HenriotGermany
52AccountantMatti KarttunenGermany
53Accounting ManagerHanna MoosBrazil
54OwnerPaul HenriotAustria
55Marketing AssistantPatricio SimpsonGermany
56Marketing AssistantHoward SnyderBulgaria
57Sales ConsultantAntonio MorenoUSA
58Marketing ManagerPaul HenriotItaly
59OwnerElizabeth LincolnArgentina
60Sales ConsultantHanna MoosGermany
61Marketing AssistantMatti KarttunenSpain
62Sales ManagerPaul HenriotBulgaria
63Marketing ManagerElizabeth LincolnEngland
64Sales RepresentativeMatti KarttunenBrazil
65AccountantMatti KarttunenFrance
66Sales AgentAntonio MorenoAustria
67Sales ConsultantGeorg PippsBrazil
68Sales ManagerMatti KarttunenGermany
69Accounting ManagerPascale CartrainItaly
70Marketing AssistantMatti KarttunenBulgaria
71Sales ManagerHoward SnyderItaly
72Marketing AssistantHanna MoosBrazil
73Sales ManagerHoward SnyderSpain
74Marketing ManagerPatricio SimpsonBrazil
75Marketing AssistantGeorg PippsUSA
76Marketing ManagerElizabeth LincolnEngland
77Sales ConsultantMatti KarttunenBrazil
78Accounting ManagerHoward SnyderBrazil
79Sales ManagerHanna MoosFrance
80Sales ConsultantPaul HenriotItaly
81Sales RepresentativeAntonio MorenoBulgaria
82AccountantHanna MoosBrazil
83Sales ManagerElizabeth LincolnSpain
84AccountantPascale CartrainGermany
85AccountantHanna MoosAustria
86Accounting ManagerPatricio SimpsonBulgaria
87Marketing ManagerGeorg PippsAustria
88AccountantGeorg PippsFrance
89Sales ManagerHanna MoosSpain
90Accounting ManagerPascale CartrainArgentina
91Marketing AssistantMatti KarttunenEngland
92Sales ManagerAntonio MorenoUSA
93Sales ConsultantPaul HenriotBrazil
94AccountantMatti KarttunenBrazil
95AccountantElizabeth LincolnEngland
96Sales RepresentativeJaime YorresArgentina
97AccountantElizabeth LincolnBrazil
98Sales ManagerAntonio MorenoItaly
99Sales ConsultantPaul HenriotBrazil
100Sales ManagerPatricio SimpsonBulgaria
 Item 42001 to 43000 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