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

Virtualization

1Sales RepresentativePaul HenriotUSA
2Sales ManagerPascale CartrainItaly
3OwnerHoward SnyderEngland
4Sales AgentHoward SnyderGermany
5OwnerAntonio MorenoUSA
6AccountantPaul HenriotFrance
7OwnerAntonio MorenoItaly
8Sales AssociateAntonio MorenoBrazil
9Accounting ManagerGeorg PippsBulgaria
10Accounting ManagerJaime YorresItaly
11Marketing AssistantHanna MoosAustria
12Marketing AssistantMatti KarttunenSpain
13Sales ManagerGeorg PippsBrazil
14Sales AssociatePascale CartrainItaly
15Sales AssociatePatricio SimpsonBrazil
16Sales ConsultantElizabeth LincolnEngland
17Sales ManagerGeorg PippsFrance
18Sales AgentMatti KarttunenItaly
19Sales RepresentativePascale CartrainAustria
20Sales RepresentativeHanna MoosSpain
21Marketing AssistantPatricio SimpsonBulgaria
22Sales RepresentativeAntonio MorenoItaly
23Sales AssociatePatricio SimpsonItaly
24Sales ConsultantAntonio MorenoEngland
25Sales RepresentativeJaime YorresUSA
26Marketing AssistantHoward SnyderUSA
27AccountantHoward SnyderAustria
28Sales RepresentativeHoward SnyderAustria
29Sales ConsultantGeorg PippsBulgaria
30AccountantPascale CartrainUSA
31Marketing ManagerPatricio SimpsonGermany
32OwnerMatti KarttunenBulgaria
33Sales AssociateMatti KarttunenAustria
34OwnerPatricio SimpsonFrance
35Sales ManagerPaul HenriotItaly
36Sales ManagerPatricio SimpsonSpain
37Marketing ManagerGeorg PippsItaly
38Sales RepresentativeHanna MoosFrance
39Marketing AssistantPatricio SimpsonFrance
40Accounting ManagerHanna MoosArgentina
41Sales AssociateAntonio MorenoArgentina
42Marketing AssistantPaul HenriotFrance
43Sales AgentHoward SnyderBulgaria
44Marketing ManagerElizabeth LincolnSpain
45Sales ManagerGeorg PippsFrance
46AccountantHanna MoosEngland
47Marketing ManagerPatricio SimpsonFrance
48Sales ManagerMatti KarttunenUSA
49Sales RepresentativeHoward SnyderGermany
50Sales ManagerPaul HenriotFrance
51Sales ConsultantGeorg PippsFrance
52Sales ConsultantPaul HenriotItaly
53OwnerPascale CartrainFrance
54Sales AgentAntonio MorenoAustria
55Accounting ManagerElizabeth LincolnGermany
56Sales ManagerElizabeth LincolnBulgaria
57Sales ConsultantElizabeth LincolnBrazil
58Marketing AssistantMatti KarttunenBrazil
59Marketing AssistantElizabeth LincolnBrazil
60Sales ConsultantMatti KarttunenUSA
61Sales ConsultantHanna MoosSpain
62Marketing AssistantAntonio MorenoBulgaria
63Marketing ManagerPascale CartrainArgentina
64OwnerPatricio SimpsonFrance
65AccountantPaul HenriotSpain
66OwnerPascale CartrainAustria
67Sales RepresentativePaul HenriotSpain
68OwnerHanna MoosBrazil
69Marketing ManagerHoward SnyderBulgaria
70Accounting ManagerPascale CartrainGermany
71Marketing ManagerHoward SnyderSpain
72Sales AssociatePatricio SimpsonEngland
73Sales RepresentativePaul HenriotBrazil
74Marketing AssistantPatricio SimpsonSpain
75Accounting ManagerAntonio MorenoFrance
76AccountantPatricio SimpsonBulgaria
77Marketing ManagerPascale CartrainEngland
78AccountantHoward SnyderFrance
79AccountantPatricio SimpsonUSA
80Accounting ManagerHoward SnyderBrazil
81Sales AssociateElizabeth LincolnBrazil
82Sales ConsultantGeorg PippsBulgaria
83Sales RepresentativeElizabeth LincolnFrance
84OwnerPascale CartrainFrance
85Sales ConsultantAntonio MorenoBulgaria
86Accounting ManagerMatti KarttunenSpain
87Sales ManagerMatti KarttunenSpain
88Sales ConsultantAntonio MorenoItaly
89Sales AgentJaime YorresAustria
90Sales ManagerGeorg PippsBrazil
91Accounting ManagerGeorg PippsSpain
92Sales ManagerPatricio SimpsonFrance
93Marketing AssistantAntonio MorenoAustria
94Marketing AssistantMatti KarttunenBrazil
95Accounting ManagerElizabeth LincolnGermany
96Marketing ManagerHanna MoosAustria
97Marketing AssistantPatricio SimpsonGermany
98AccountantGeorg PippsItaly
99Sales AgentHanna MoosUSA
100Sales ConsultantHoward SnyderAustria
 Item 50001 to 51000 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