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

Virtualization

1Sales AssociateElizabeth LincolnAustria
2Sales AssociatePaul HenriotUSA
3Sales RepresentativeHanna MoosFrance
4Sales AssociateHanna MoosFrance
5Marketing ManagerAntonio MorenoBrazil
6Sales ManagerElizabeth LincolnEngland
7Marketing AssistantPaul HenriotItaly
8Sales RepresentativeElizabeth LincolnArgentina
9Sales AssociatePatricio SimpsonArgentina
10Marketing ManagerMatti KarttunenUSA
11Marketing ManagerPascale CartrainBulgaria
12Sales AssociateAntonio MorenoItaly
13Marketing ManagerElizabeth LincolnUSA
14Sales ConsultantPascale CartrainEngland
15Sales AssociateHoward SnyderItaly
16Sales RepresentativePascale CartrainBrazil
17Sales ConsultantAntonio MorenoEngland
18Marketing ManagerAntonio MorenoGermany
19Marketing AssistantAntonio MorenoSpain
20Accounting ManagerHoward SnyderFrance
21Sales RepresentativeAntonio MorenoBrazil
22OwnerGeorg PippsItaly
23Accounting ManagerPascale CartrainGermany
24Marketing AssistantAntonio MorenoUSA
25Sales AssociateElizabeth LincolnEngland
26OwnerJaime YorresFrance
27Sales RepresentativeElizabeth LincolnUSA
28AccountantMatti KarttunenUSA
29Accounting ManagerGeorg PippsBrazil
30AccountantHoward SnyderSpain
31OwnerElizabeth LincolnBrazil
32Sales ManagerHoward SnyderBulgaria
33Sales AssociateHanna MoosUSA
34Accounting ManagerPatricio SimpsonItaly
35Sales RepresentativePaul HenriotAustria
36Sales ConsultantElizabeth LincolnGermany
37Sales AgentAntonio MorenoUSA
38Marketing AssistantElizabeth LincolnArgentina
39Sales AssociateHanna MoosBulgaria
40Sales AssociateJaime YorresFrance
41Sales ManagerHanna MoosGermany
42Sales ManagerGeorg PippsArgentina
43Sales ConsultantPascale CartrainEngland
44Marketing AssistantHanna MoosFrance
45Marketing ManagerPatricio SimpsonGermany
46Sales ConsultantHanna MoosUSA
47Marketing ManagerPascale CartrainEngland
48Sales AssociateElizabeth LincolnGermany
49Accounting ManagerPaul HenriotFrance
50OwnerMatti KarttunenBulgaria
51Sales RepresentativePaul HenriotUSA
52Sales AgentElizabeth LincolnEngland
53Sales ManagerMatti KarttunenSpain
54Marketing ManagerHanna MoosItaly
55Sales AssociatePascale CartrainSpain
56Sales AgentMatti KarttunenArgentina
57Sales AssociatePaul HenriotEngland
58OwnerMatti KarttunenGermany
59Sales ConsultantPatricio SimpsonFrance
60Marketing ManagerHanna MoosFrance
61Sales ManagerAntonio MorenoSpain
62Sales AgentHanna MoosSpain
63Sales ConsultantPatricio SimpsonUSA
64Sales ManagerPaul HenriotAustria
65Sales ManagerJaime YorresArgentina
66Accounting ManagerPaul HenriotAustria
67OwnerPascale CartrainUSA
68Accounting ManagerMatti KarttunenGermany
69Sales RepresentativeElizabeth LincolnEngland
70Sales AgentElizabeth LincolnBulgaria
71OwnerJaime YorresGermany
72Sales RepresentativeHoward SnyderBulgaria
73Accounting ManagerHoward SnyderAustria
74Accounting ManagerPaul HenriotAustria
75Sales ManagerElizabeth LincolnSpain
76Sales ManagerJaime YorresItaly
77Sales ManagerPascale CartrainEngland
78Sales ConsultantPatricio SimpsonEngland
79Marketing ManagerElizabeth LincolnItaly
80Sales AssociateMatti KarttunenSpain
81Sales AssociatePascale CartrainAustria
82Sales AssociateMatti KarttunenFrance
83Sales AgentJaime YorresAustria
84OwnerPaul HenriotItaly
85Marketing ManagerMatti KarttunenAustria
86Marketing ManagerHoward SnyderEngland
87OwnerElizabeth LincolnBulgaria
88Marketing AssistantHanna MoosItaly
89Marketing AssistantAntonio MorenoGermany
90OwnerHanna MoosBulgaria
91Marketing ManagerPatricio SimpsonSpain
92Sales AssociateMatti KarttunenAustria
93Accounting ManagerPatricio SimpsonUSA
94Sales AssociatePaul HenriotAustria
95Marketing ManagerPatricio SimpsonUSA
96Sales AssociatePaul HenriotFrance
97Sales ManagerHoward SnyderEngland
98AccountantJaime YorresSpain
99Sales AgentElizabeth LincolnEngland
100OwnerMatti KarttunenSpain
 Item 1 to 1000 of 300000
Page:
of 300 Page 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