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

Virtualization

1Sales AssociateHanna MoosArgentina
2Sales ConsultantElizabeth LincolnBulgaria
3Accounting ManagerPatricio SimpsonGermany
4Sales ConsultantPaul HenriotFrance
5Marketing ManagerJaime YorresArgentina
6Marketing ManagerJaime YorresAustria
7Sales ManagerPascale CartrainUSA
8AccountantElizabeth LincolnSpain
9Marketing ManagerPatricio SimpsonItaly
10Sales AssociatePaul HenriotArgentina
11OwnerPatricio SimpsonEngland
12Sales AgentMatti KarttunenArgentina
13Marketing ManagerMatti KarttunenAustria
14Sales ConsultantHoward SnyderItaly
15Sales AssociateMatti KarttunenUSA
16Sales ConsultantAntonio MorenoAustria
17Accounting ManagerGeorg PippsEngland
18Sales RepresentativeMatti KarttunenArgentina
19Sales RepresentativeHoward SnyderSpain
20Marketing ManagerJaime YorresGermany
21Accounting ManagerPascale CartrainAustria
22Sales ManagerJaime YorresBrazil
23Sales AssociateJaime YorresBulgaria
24Sales ManagerHanna MoosSpain
25OwnerElizabeth LincolnUSA
26Sales AssociateMatti KarttunenUSA
27Accounting ManagerHanna MoosArgentina
28OwnerPascale CartrainBrazil
29Sales AssociateJaime YorresAustria
30Marketing AssistantHanna MoosItaly
31OwnerHoward SnyderSpain
32Sales ConsultantAntonio MorenoUSA
33Sales ConsultantAntonio MorenoFrance
34Accounting ManagerPatricio SimpsonGermany
35Sales AssociateHoward SnyderEngland
36Marketing AssistantMatti KarttunenUSA
37Marketing ManagerMatti KarttunenItaly
38AccountantJaime YorresFrance
39Accounting ManagerGeorg PippsSpain
40AccountantAntonio MorenoGermany
41Accounting ManagerElizabeth LincolnBulgaria
42AccountantHanna MoosArgentina
43Sales RepresentativeAntonio MorenoUSA
44Sales RepresentativeElizabeth LincolnArgentina
45Sales RepresentativeHoward SnyderItaly
46Marketing ManagerMatti KarttunenGermany
47AccountantGeorg PippsAustria
48Sales AssociateAntonio MorenoEngland
49Sales AssociateHoward SnyderEngland
50Sales ManagerMatti KarttunenGermany
51OwnerElizabeth LincolnBulgaria
52Sales ConsultantPatricio SimpsonGermany
53Sales ConsultantMatti KarttunenItaly
54Sales ConsultantJaime YorresBrazil
55AccountantPascale CartrainEngland
56Sales AgentHoward SnyderArgentina
57Sales RepresentativeHoward SnyderArgentina
58Sales AgentMatti KarttunenUSA
59Marketing ManagerAntonio MorenoItaly
60Sales RepresentativeElizabeth LincolnItaly
61Sales AssociateHanna MoosItaly
62Sales AgentMatti KarttunenEngland
63AccountantJaime YorresBrazil
64Marketing ManagerPascale CartrainSpain
65OwnerPaul HenriotBulgaria
66Accounting ManagerHanna MoosSpain
67Sales ConsultantJaime YorresEngland
68Sales ManagerElizabeth LincolnItaly
69Marketing AssistantPatricio SimpsonSpain
70AccountantHoward SnyderBrazil
71Marketing ManagerHoward SnyderBrazil
72OwnerPatricio SimpsonFrance
73Marketing AssistantJaime YorresItaly
74OwnerPascale CartrainAustria
75Sales ManagerAntonio MorenoArgentina
76Sales RepresentativeMatti KarttunenFrance
77Accounting ManagerHoward SnyderAustria
78Sales AgentHoward SnyderUSA
79Marketing AssistantJaime YorresUSA
80Sales RepresentativeElizabeth LincolnEngland
81Marketing ManagerJaime YorresSpain
82Sales AgentGeorg PippsItaly
83Sales ConsultantHoward SnyderSpain
84Marketing AssistantPaul HenriotAustria
85Sales ConsultantGeorg PippsSpain
86Marketing ManagerJaime YorresGermany
87Sales ManagerPascale CartrainUSA
88Sales AssociatePatricio SimpsonBrazil
89AccountantGeorg PippsBulgaria
90Sales ConsultantPaul HenriotUSA
91Sales ConsultantPaul HenriotItaly
92Marketing ManagerElizabeth LincolnAustria
93Accounting ManagerAntonio MorenoSpain
94Accounting ManagerPascale CartrainFrance
95Accounting ManagerElizabeth LincolnBulgaria
96AccountantAntonio MorenoUSA
97Sales AssociatePatricio SimpsonAustria
98Sales RepresentativePascale CartrainUSA
99Sales RepresentativeHanna MoosUSA
100AccountantHoward SnyderItaly
 Item 20001 to 21000 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