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

Virtualization

1Marketing ManagerGeorg PippsSpain
2Sales ManagerPascale CartrainAustria
3Sales RepresentativeHoward SnyderArgentina
4Sales RepresentativeHoward SnyderFrance
5Marketing ManagerPascale CartrainItaly
6Marketing AssistantHanna MoosAustria
7Marketing AssistantMatti KarttunenSpain
8Marketing ManagerPaul HenriotEngland
9Marketing ManagerPatricio SimpsonArgentina
10Sales AgentPaul HenriotArgentina
11AccountantJaime YorresBulgaria
12OwnerPascale CartrainSpain
13Sales ManagerAntonio MorenoSpain
14Sales ManagerMatti KarttunenSpain
15Marketing ManagerMatti KarttunenUSA
16OwnerPaul HenriotSpain
17Marketing ManagerHoward SnyderGermany
18OwnerElizabeth LincolnAustria
19Accounting ManagerMatti KarttunenBrazil
20Sales AgentMatti KarttunenUSA
21Sales ManagerJaime YorresArgentina
22AccountantGeorg PippsGermany
23Sales ManagerHanna MoosAustria
24OwnerElizabeth LincolnAustria
25Marketing AssistantPatricio SimpsonGermany
26AccountantGeorg PippsSpain
27Sales AssociatePaul HenriotItaly
28OwnerPatricio SimpsonItaly
29Sales ConsultantHoward SnyderBrazil
30Sales AssociateMatti KarttunenGermany
31Accounting ManagerHoward SnyderFrance
32AccountantPatricio SimpsonBrazil
33Accounting ManagerPascale CartrainAustria
34Marketing AssistantJaime YorresEngland
35Accounting ManagerElizabeth LincolnItaly
36Sales AgentPascale CartrainSpain
37Sales RepresentativeJaime YorresBulgaria
38Sales AgentElizabeth LincolnEngland
39Sales AgentMatti KarttunenFrance
40Accounting ManagerJaime YorresItaly
41Sales AgentGeorg PippsItaly
42OwnerPascale CartrainArgentina
43Sales AgentAntonio MorenoUSA
44Marketing AssistantHoward SnyderBrazil
45Marketing ManagerPascale CartrainGermany
46AccountantElizabeth LincolnFrance
47Sales AgentGeorg PippsBrazil
48Accounting ManagerAntonio MorenoArgentina
49OwnerAntonio MorenoBulgaria
50Sales ManagerElizabeth LincolnEngland
51Marketing ManagerAntonio MorenoItaly
52OwnerHoward SnyderAustria
53Accounting ManagerHanna MoosUSA
54OwnerJaime YorresEngland
55Sales AssociateJaime YorresGermany
56Sales AgentAntonio MorenoEngland
57Sales AgentHanna MoosFrance
58Sales AssociateAntonio MorenoGermany
59Sales AssociateJaime YorresBrazil
60Marketing AssistantAntonio MorenoArgentina
61Sales AgentHanna MoosUSA
62OwnerPaul HenriotSpain
63AccountantGeorg PippsBrazil
64Sales AgentElizabeth LincolnBulgaria
65Accounting ManagerPaul HenriotUSA
66OwnerPaul HenriotGermany
67AccountantHanna MoosBulgaria
68Sales AssociatePatricio SimpsonUSA
69Sales RepresentativePascale CartrainUSA
70AccountantPatricio SimpsonAustria
71Sales ManagerPatricio SimpsonBulgaria
72Sales AgentPaul HenriotBrazil
73OwnerPaul HenriotBulgaria
74OwnerPascale CartrainGermany
75Marketing AssistantMatti KarttunenItaly
76OwnerPatricio SimpsonAustria
77Sales ConsultantHanna MoosEngland
78Marketing ManagerGeorg PippsFrance
79AccountantPatricio SimpsonBrazil
80Marketing ManagerAntonio MorenoBrazil
81AccountantHoward SnyderSpain
82OwnerAntonio MorenoGermany
83Marketing ManagerGeorg PippsArgentina
84Sales ManagerElizabeth LincolnGermany
85Marketing AssistantHoward SnyderItaly
86Marketing ManagerMatti KarttunenBrazil
87Sales AssociateJaime YorresBulgaria
88Marketing AssistantElizabeth LincolnUSA
89Sales AgentAntonio MorenoFrance
90Sales AgentAntonio MorenoAustria
91Marketing AssistantJaime YorresItaly
92Accounting ManagerPatricio SimpsonSpain
93Sales AssociateHanna MoosSpain
94Sales ManagerHanna MoosArgentina
95Sales ManagerPatricio SimpsonFrance
96AccountantHoward SnyderSpain
97Sales AssociatePaul HenriotItaly
98Sales AgentElizabeth LincolnItaly
99OwnerMatti KarttunenBulgaria
100Marketing ManagerPaul HenriotBulgaria
 Item 63001 to 64000 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