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

Virtualization

1Sales ConsultantElizabeth LincolnBrazil
2Marketing AssistantPascale CartrainBulgaria
3Sales AssociatePatricio SimpsonItaly
4Marketing ManagerPaul HenriotItaly
5Accounting ManagerJaime YorresEngland
6AccountantPatricio SimpsonGermany
7Sales AssociateHanna MoosBrazil
8OwnerAntonio MorenoBulgaria
9AccountantHanna MoosUSA
10Sales AssociatePatricio SimpsonBulgaria
11OwnerMatti KarttunenGermany
12AccountantAntonio MorenoEngland
13AccountantHanna MoosArgentina
14Accounting ManagerAntonio MorenoBrazil
15Accounting ManagerPatricio SimpsonAustria
16Sales AssociateMatti KarttunenUSA
17Marketing AssistantGeorg PippsSpain
18AccountantGeorg PippsFrance
19Sales ManagerPaul HenriotFrance
20Sales AssociateAntonio MorenoAustria
21Accounting ManagerGeorg PippsItaly
22Sales RepresentativePascale CartrainAustria
23Sales AgentAntonio MorenoEngland
24AccountantHanna MoosItaly
25Sales AssociatePatricio SimpsonAustria
26Sales ManagerPascale CartrainUSA
27Sales ConsultantAntonio MorenoEngland
28Sales AssociateJaime YorresArgentina
29Sales ConsultantGeorg PippsGermany
30Sales RepresentativePaul HenriotSpain
31Marketing AssistantGeorg PippsFrance
32Sales ConsultantElizabeth LincolnSpain
33Sales ConsultantGeorg PippsUSA
34Sales ConsultantPascale CartrainUSA
35Sales RepresentativePaul HenriotArgentina
36OwnerElizabeth LincolnArgentina
37Marketing ManagerMatti KarttunenUSA
38Marketing AssistantJaime YorresItaly
39Sales RepresentativeElizabeth LincolnEngland
40Sales AgentHanna MoosEngland
41OwnerElizabeth LincolnArgentina
42AccountantGeorg PippsItaly
43Marketing ManagerElizabeth LincolnAustria
44AccountantPascale CartrainUSA
45Sales ConsultantPatricio SimpsonEngland
46Sales AssociateHanna MoosItaly
47Sales AssociatePascale CartrainAustria
48OwnerJaime YorresSpain
49Sales ManagerHoward SnyderBrazil
50AccountantPatricio SimpsonArgentina
51Sales RepresentativeGeorg PippsBrazil
52Sales ConsultantAntonio MorenoAustria
53Sales AgentPascale CartrainBulgaria
54Sales ConsultantHoward SnyderEngland
55OwnerHanna MoosGermany
56Sales ManagerPatricio SimpsonArgentina
57Marketing AssistantAntonio MorenoFrance
58Accounting ManagerJaime YorresUSA
59Sales AgentGeorg PippsItaly
60Sales ManagerHanna MoosSpain
61Sales RepresentativeMatti KarttunenAustria
62Marketing AssistantPatricio SimpsonSpain
63Marketing ManagerHoward SnyderAustria
64Accounting ManagerHoward SnyderUSA
65Accounting ManagerGeorg PippsGermany
66AccountantElizabeth LincolnFrance
67Marketing ManagerPatricio SimpsonGermany
68Sales AssociatePaul HenriotEngland
69Sales RepresentativeMatti KarttunenItaly
70Sales ConsultantGeorg PippsFrance
71Sales ManagerJaime YorresGermany
72Marketing AssistantAntonio MorenoBulgaria
73Sales AssociatePaul HenriotSpain
74Sales ConsultantMatti KarttunenUSA
75Marketing AssistantPatricio SimpsonFrance
76Sales AgentElizabeth LincolnAustria
77Accounting ManagerPascale CartrainBulgaria
78OwnerHoward SnyderGermany
79Accounting ManagerPascale CartrainUSA
80OwnerHoward SnyderGermany
81Sales ManagerAntonio MorenoFrance
82Sales AssociateHanna MoosFrance
83Marketing ManagerGeorg PippsItaly
84Sales AgentPascale CartrainEngland
85Sales ManagerElizabeth LincolnEngland
86OwnerAntonio MorenoItaly
87Marketing AssistantMatti KarttunenItaly
88Sales RepresentativeAntonio MorenoSpain
89Accounting ManagerGeorg PippsArgentina
90Sales AgentHoward SnyderSpain
91Marketing AssistantGeorg PippsFrance
92OwnerHoward SnyderUSA
93Sales AgentPascale CartrainFrance
94Sales RepresentativeMatti KarttunenFrance
95Marketing AssistantHanna MoosArgentina
96OwnerAntonio MorenoBulgaria
97Sales ManagerPaul HenriotUSA
98Sales RepresentativeGeorg PippsBulgaria
99Sales AssociateAntonio MorenoItaly
100Sales AssociateAntonio MorenoBulgaria
 Item 92001 to 93000 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