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

Virtualization

1Accounting ManagerGeorg PippsBulgaria
2Sales AssociateHoward SnyderUSA
3AccountantPascale CartrainFrance
4Sales ConsultantJaime YorresBulgaria
5Marketing ManagerElizabeth LincolnBrazil
6Accounting ManagerPatricio SimpsonSpain
7Sales RepresentativeElizabeth LincolnSpain
8Sales AssociateGeorg PippsUSA
9Sales AssociateGeorg PippsEngland
10Sales AssociateHoward SnyderUSA
11Sales AssociatePaul HenriotItaly
12Sales AgentJaime YorresItaly
13OwnerPascale CartrainFrance
14AccountantHoward SnyderItaly
15Sales AssociateJaime YorresArgentina
16Sales RepresentativeMatti KarttunenGermany
17Sales RepresentativeJaime YorresEngland
18Accounting ManagerGeorg PippsBrazil
19Marketing ManagerElizabeth LincolnItaly
20Accounting ManagerJaime YorresGermany
21Sales ManagerPaul HenriotBulgaria
22OwnerElizabeth LincolnUSA
23Sales AgentJaime YorresFrance
24AccountantPascale CartrainSpain
25Sales AssociateAntonio MorenoBrazil
26Marketing ManagerMatti KarttunenBulgaria
27Marketing ManagerGeorg PippsFrance
28Sales AgentPascale CartrainUSA
29Sales ManagerPaul HenriotEngland
30Marketing ManagerElizabeth LincolnEngland
31OwnerJaime YorresAustria
32Sales RepresentativeMatti KarttunenBulgaria
33Sales ConsultantJaime YorresItaly
34Sales ConsultantPaul HenriotGermany
35Marketing ManagerPascale CartrainUSA
36OwnerHanna MoosBrazil
37AccountantHoward SnyderGermany
38Accounting ManagerAntonio MorenoAustria
39Sales AssociateMatti KarttunenBulgaria
40Sales AssociateElizabeth LincolnBrazil
41OwnerHoward SnyderEngland
42Marketing AssistantGeorg PippsEngland
43Marketing AssistantHoward SnyderUSA
44Sales RepresentativeJaime YorresEngland
45Marketing ManagerGeorg PippsAustria
46Sales ConsultantPatricio SimpsonBulgaria
47Sales RepresentativeElizabeth LincolnGermany
48Marketing ManagerMatti KarttunenBulgaria
49Sales RepresentativeAntonio MorenoSpain
50Sales ManagerHoward SnyderItaly
51AccountantHoward SnyderBrazil
52Sales AssociateHanna MoosBrazil
53Accounting ManagerPascale CartrainSpain
54Sales ConsultantPascale CartrainItaly
55Marketing AssistantPatricio SimpsonSpain
56Accounting ManagerGeorg PippsBrazil
57Sales ConsultantHanna MoosUSA
58Sales ConsultantPascale CartrainSpain
59AccountantGeorg PippsItaly
60Sales ConsultantAntonio MorenoUSA
61Marketing AssistantGeorg PippsItaly
62Sales AssociateAntonio MorenoUSA
63Sales ConsultantGeorg PippsSpain
64Sales ConsultantJaime YorresUSA
65Sales ConsultantElizabeth LincolnEngland
66Accounting ManagerAntonio MorenoUSA
67Marketing AssistantHoward SnyderItaly
68Accounting ManagerJaime YorresBrazil
69Sales ConsultantPatricio SimpsonUSA
70Sales ConsultantElizabeth LincolnArgentina
71Sales ManagerElizabeth LincolnBulgaria
72Marketing AssistantElizabeth LincolnEngland
73Sales RepresentativePatricio SimpsonFrance
74Sales ConsultantAntonio MorenoGermany
75Marketing ManagerPascale CartrainBulgaria
76Sales AssociateElizabeth LincolnItaly
77Sales AgentElizabeth LincolnGermany
78Marketing AssistantPascale CartrainItaly
79Sales ManagerHoward SnyderUSA
80Sales AssociatePascale CartrainGermany
81AccountantPascale CartrainArgentina
82Sales ConsultantHanna MoosArgentina
83Sales AssociateHoward SnyderBulgaria
84Accounting ManagerPascale CartrainFrance
85AccountantPaul HenriotEngland
86Marketing ManagerHanna MoosSpain
87Sales ManagerHoward SnyderEngland
88Sales ManagerPatricio SimpsonEngland
89Sales ConsultantGeorg PippsGermany
90Sales ConsultantHoward SnyderEngland
91Sales ManagerPatricio SimpsonItaly
92Sales ManagerPaul HenriotArgentina
93Marketing ManagerGeorg PippsUSA
94Marketing ManagerJaime YorresEngland
95Marketing AssistantPatricio SimpsonBulgaria
96Sales AgentPatricio SimpsonItaly
97AccountantHanna MoosUSA
98OwnerPascale CartrainBulgaria
99Marketing ManagerAntonio MorenoEngland
100Sales ConsultantHanna MoosGermany
 Item 98001 to 99000 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