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

Virtualization

1Sales AssociateElizabeth LincolnGermany
2Sales AssociatePascale CartrainBrazil
3Marketing ManagerHanna MoosFrance
4Sales ManagerMatti KarttunenBrazil
5Sales ManagerElizabeth LincolnGermany
6Marketing AssistantGeorg PippsGermany
7Sales ConsultantElizabeth LincolnEngland
8Sales AgentGeorg PippsItaly
9Marketing AssistantHoward SnyderBulgaria
10Sales RepresentativeMatti KarttunenGermany
11OwnerHanna MoosBulgaria
12Marketing AssistantHoward SnyderGermany
13Sales ConsultantHoward SnyderSpain
14AccountantHanna MoosGermany
15Sales ManagerElizabeth LincolnItaly
16OwnerPaul HenriotBulgaria
17Sales ConsultantGeorg PippsArgentina
18Marketing ManagerHoward SnyderEngland
19Sales AssociatePaul HenriotGermany
20Sales ConsultantAntonio MorenoUSA
21AccountantGeorg PippsFrance
22Accounting ManagerJaime YorresGermany
23Sales AssociateAntonio MorenoAustria
24Sales AgentHoward SnyderSpain
25Sales RepresentativePascale CartrainAustria
26Marketing ManagerElizabeth LincolnGermany
27Sales ManagerMatti KarttunenFrance
28Sales AssociateAntonio MorenoBulgaria
29Sales RepresentativeGeorg PippsItaly
30Accounting ManagerElizabeth LincolnUSA
31Accounting ManagerMatti KarttunenFrance
32Marketing ManagerPaul HenriotFrance
33OwnerJaime YorresFrance
34Sales AgentHoward SnyderFrance
35Sales RepresentativeAntonio MorenoGermany
36Marketing AssistantElizabeth LincolnArgentina
37AccountantPaul HenriotBrazil
38Sales ConsultantMatti KarttunenFrance
39Sales AgentElizabeth LincolnGermany
40Marketing AssistantHanna MoosAustria
41Sales ConsultantGeorg PippsEngland
42OwnerGeorg PippsEngland
43AccountantHanna MoosSpain
44Accounting ManagerGeorg PippsBrazil
45Marketing AssistantHoward SnyderArgentina
46Marketing AssistantHoward SnyderGermany
47Sales RepresentativePascale CartrainEngland
48Marketing AssistantHoward SnyderGermany
49Sales AssociatePaul HenriotArgentina
50Sales AssociatePascale CartrainBrazil
51Sales RepresentativeMatti KarttunenSpain
52Marketing AssistantPatricio SimpsonAustria
53Sales RepresentativeMatti KarttunenSpain
54Accounting ManagerAntonio MorenoSpain
55Sales AgentAntonio MorenoArgentina
56Sales ConsultantMatti KarttunenAustria
57Sales AgentAntonio MorenoBrazil
58Sales RepresentativeHoward SnyderAustria
59Accounting ManagerElizabeth LincolnBulgaria
60Sales RepresentativePatricio SimpsonBulgaria
61Sales ConsultantAntonio MorenoAustria
62Sales ConsultantPatricio SimpsonUSA
63Sales AssociateElizabeth LincolnBrazil
64Marketing ManagerMatti KarttunenArgentina
65Sales RepresentativeAntonio MorenoBulgaria
66AccountantElizabeth LincolnBulgaria
67Sales RepresentativeElizabeth LincolnItaly
68Marketing ManagerJaime YorresSpain
69Marketing AssistantHoward SnyderUSA
70Accounting ManagerElizabeth LincolnBulgaria
71Sales AssociateMatti KarttunenBrazil
72Marketing ManagerMatti KarttunenBulgaria
73Marketing ManagerHoward SnyderFrance
74Marketing AssistantGeorg PippsBulgaria
75Marketing ManagerHoward SnyderGermany
76Sales ConsultantGeorg PippsItaly
77Marketing ManagerHoward SnyderSpain
78Sales ConsultantMatti KarttunenItaly
79Sales ManagerPaul HenriotSpain
80Sales AssociatePascale CartrainFrance
81Marketing AssistantHanna MoosGermany
82AccountantPatricio SimpsonArgentina
83Sales ConsultantPatricio SimpsonGermany
84Marketing ManagerJaime YorresBrazil
85AccountantMatti KarttunenEngland
86Sales AssociateGeorg PippsAustria
87Sales ConsultantJaime YorresUSA
88Sales AgentAntonio MorenoBulgaria
89Sales ManagerPaul HenriotArgentina
90OwnerJaime YorresSpain
91Sales AssociateAntonio MorenoArgentina
92OwnerMatti KarttunenSpain
93Accounting ManagerPatricio SimpsonFrance
94OwnerMatti KarttunenFrance
95AccountantAntonio MorenoAustria
96Accounting ManagerPaul HenriotFrance
97AccountantHanna MoosFrance
98Sales ConsultantHanna MoosItaly
99Marketing ManagerPaul HenriotUSA
100Accounting ManagerMatti KarttunenSpain
 Item 12001 to 13000 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