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

Virtualization

1Marketing ManagerGeorg PippsFrance
2OwnerAntonio MorenoItaly
3Sales ConsultantPatricio SimpsonUSA
4Sales ManagerJaime YorresItaly
5Sales RepresentativeElizabeth LincolnSpain
6OwnerJaime YorresUSA
7Sales AgentHanna MoosFrance
8Marketing ManagerAntonio MorenoFrance
9Marketing AssistantPatricio SimpsonSpain
10Marketing AssistantHoward SnyderEngland
11Sales ManagerHoward SnyderFrance
12Sales ConsultantHoward SnyderItaly
13Accounting ManagerPascale CartrainAustria
14Sales AgentJaime YorresUSA
15Sales ManagerHoward SnyderUSA
16Sales AgentElizabeth LincolnArgentina
17AccountantAntonio MorenoGermany
18Sales AssociateMatti KarttunenBulgaria
19Marketing AssistantPascale CartrainSpain
20Sales AgentGeorg PippsItaly
21Sales ManagerHoward SnyderBulgaria
22Sales AgentMatti KarttunenGermany
23Marketing AssistantAntonio MorenoAustria
24Marketing AssistantPascale CartrainUSA
25Sales ManagerHoward SnyderUSA
26Sales AssociateHoward SnyderSpain
27Accounting ManagerPaul HenriotUSA
28Sales RepresentativePatricio SimpsonUSA
29Sales AgentJaime YorresBulgaria
30OwnerPaul HenriotSpain
31OwnerJaime YorresSpain
32Marketing ManagerHoward SnyderArgentina
33Marketing ManagerGeorg PippsBrazil
34Sales RepresentativeElizabeth LincolnSpain
35Sales RepresentativePatricio SimpsonSpain
36Sales ConsultantPatricio SimpsonItaly
37Marketing AssistantMatti KarttunenAustria
38Sales ConsultantHanna MoosUSA
39Sales RepresentativeMatti KarttunenUSA
40Sales AgentElizabeth LincolnItaly
41OwnerPatricio SimpsonGermany
42OwnerPaul HenriotFrance
43Sales ManagerPaul HenriotArgentina
44Sales ConsultantPaul HenriotArgentina
45Sales ManagerPatricio SimpsonArgentina
46Sales ManagerAntonio MorenoItaly
47Sales ConsultantMatti KarttunenBulgaria
48Marketing AssistantElizabeth LincolnEngland
49Sales AssociateMatti KarttunenArgentina
50OwnerAntonio MorenoGermany
51Sales AgentElizabeth LincolnArgentina
52Accounting ManagerMatti KarttunenFrance
53OwnerAntonio MorenoBulgaria
54OwnerAntonio MorenoArgentina
55Marketing AssistantPatricio SimpsonAustria
56Sales RepresentativeHoward SnyderSpain
57AccountantElizabeth LincolnSpain
58OwnerHoward SnyderItaly
59Sales AssociateGeorg PippsUSA
60Marketing AssistantHoward SnyderSpain
61Sales AgentHoward SnyderBulgaria
62Accounting ManagerPaul HenriotGermany
63Sales ConsultantHoward SnyderSpain
64Sales AssociateAntonio MorenoArgentina
65Marketing ManagerJaime YorresEngland
66Sales AgentElizabeth LincolnAustria
67Sales AssociateAntonio MorenoBrazil
68Sales RepresentativePascale CartrainGermany
69Sales ConsultantHoward SnyderArgentina
70Sales AssociateHoward SnyderBrazil
71Marketing ManagerJaime YorresSpain
72Sales AgentHoward SnyderFrance
73OwnerHanna MoosAustria
74AccountantAntonio MorenoGermany
75Marketing AssistantAntonio MorenoEngland
76Sales RepresentativeHanna MoosUSA
77Marketing AssistantPaul HenriotEngland
78Sales AgentAntonio MorenoEngland
79Marketing AssistantGeorg PippsSpain
80AccountantElizabeth LincolnItaly
81OwnerElizabeth LincolnItaly
82Sales AgentAntonio MorenoGermany
83Sales AssociateElizabeth LincolnEngland
84OwnerPatricio SimpsonBulgaria
85Accounting ManagerJaime YorresGermany
86Sales AssociateElizabeth LincolnArgentina
87OwnerAntonio MorenoBrazil
88Sales AssociateGeorg PippsBulgaria
89Sales RepresentativePatricio SimpsonItaly
90Sales AgentAntonio MorenoEngland
91Accounting ManagerPascale CartrainFrance
92Marketing ManagerElizabeth LincolnBulgaria
93Sales AssociateHoward SnyderSpain
94Sales AssociateMatti KarttunenUSA
95Sales ManagerElizabeth LincolnItaly
96Sales RepresentativeHanna MoosFrance
97Sales RepresentativeMatti KarttunenBrazil
98Accounting ManagerElizabeth LincolnBulgaria
99Sales ConsultantPascale CartrainSpain
100Sales ConsultantHanna MoosBulgaria
 Item 99001 to 100000 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