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

Virtualization

1Marketing AssistantGeorg PippsFrance
2Sales ManagerElizabeth LincolnBrazil
3AccountantGeorg PippsEngland
4Sales AgentHanna MoosEngland
5Sales AssociateGeorg PippsEngland
6OwnerHoward SnyderBrazil
7Marketing ManagerJaime YorresAustria
8AccountantPascale CartrainSpain
9Accounting ManagerAntonio MorenoArgentina
10Sales AgentElizabeth LincolnItaly
11Marketing ManagerAntonio MorenoBulgaria
12Sales ManagerAntonio MorenoUSA
13OwnerGeorg PippsBulgaria
14Accounting ManagerMatti KarttunenArgentina
15Accounting ManagerHanna MoosSpain
16OwnerGeorg PippsGermany
17Sales RepresentativePascale CartrainBrazil
18Sales AssociateHoward SnyderItaly
19Sales AssociatePascale CartrainEngland
20Sales AssociateAntonio MorenoBulgaria
21Marketing AssistantMatti KarttunenFrance
22Sales AssociateAntonio MorenoGermany
23Sales RepresentativePascale CartrainFrance
24OwnerElizabeth LincolnSpain
25Sales RepresentativeAntonio MorenoAustria
26Marketing AssistantPaul HenriotFrance
27Sales ConsultantMatti KarttunenBulgaria
28Sales AgentGeorg PippsGermany
29Marketing ManagerGeorg PippsUSA
30Sales RepresentativePatricio SimpsonFrance
31Sales AssociateAntonio MorenoBrazil
32Marketing AssistantJaime YorresEngland
33Sales RepresentativeHanna MoosAustria
34OwnerAntonio MorenoArgentina
35OwnerPaul HenriotAustria
36Marketing AssistantHoward SnyderSpain
37AccountantPatricio SimpsonItaly
38Accounting ManagerHoward SnyderBulgaria
39Sales AssociateElizabeth LincolnBulgaria
40AccountantAntonio MorenoBrazil
41Sales AgentGeorg PippsItaly
42Sales ConsultantJaime YorresBrazil
43OwnerMatti KarttunenArgentina
44Marketing AssistantPatricio SimpsonArgentina
45Sales AgentPascale CartrainAustria
46Marketing ManagerPaul HenriotBulgaria
47AccountantJaime YorresItaly
48Sales ConsultantHoward SnyderArgentina
49Marketing AssistantJaime YorresGermany
50Sales AgentMatti KarttunenBrazil
51Sales AgentJaime YorresAustria
52Sales RepresentativeAntonio MorenoItaly
53Accounting ManagerHoward SnyderEngland
54OwnerElizabeth LincolnFrance
55Marketing ManagerPascale CartrainGermany
56AccountantMatti KarttunenBulgaria
57Marketing AssistantPatricio SimpsonFrance
58Sales AgentJaime YorresFrance
59Sales AgentPatricio SimpsonBrazil
60Sales RepresentativeJaime YorresArgentina
61Accounting ManagerMatti KarttunenBulgaria
62Marketing ManagerHanna MoosGermany
63Marketing AssistantHoward SnyderUSA
64OwnerPascale CartrainGermany
65Marketing ManagerMatti KarttunenGermany
66Sales AssociateHoward SnyderBulgaria
67Sales ManagerMatti KarttunenItaly
68Marketing ManagerPascale CartrainFrance
69Marketing AssistantHoward SnyderFrance
70Accounting ManagerGeorg PippsBulgaria
71OwnerPatricio SimpsonSpain
72Accounting ManagerElizabeth LincolnSpain
73Marketing AssistantElizabeth LincolnEngland
74Marketing AssistantMatti KarttunenItaly
75Sales ManagerGeorg PippsGermany
76Sales ManagerHoward SnyderItaly
77OwnerGeorg PippsArgentina
78AccountantAntonio MorenoEngland
79Sales AssociatePatricio SimpsonFrance
80Marketing ManagerPatricio SimpsonFrance
81Marketing ManagerMatti KarttunenEngland
82Marketing AssistantGeorg PippsItaly
83Sales ConsultantJaime YorresEngland
84Marketing AssistantJaime YorresArgentina
85Sales ConsultantMatti KarttunenBulgaria
86OwnerPascale CartrainGermany
87OwnerPaul HenriotBrazil
88Marketing ManagerPaul HenriotGermany
89Marketing AssistantPaul HenriotBrazil
90Marketing ManagerPatricio SimpsonEngland
91OwnerJaime YorresBrazil
92Sales ConsultantPatricio SimpsonFrance
93Marketing ManagerPatricio SimpsonBrazil
94Sales ManagerAntonio MorenoEngland
95Marketing AssistantAntonio MorenoArgentina
96Accounting ManagerElizabeth LincolnBulgaria
97AccountantElizabeth LincolnArgentina
98AccountantHanna MoosSpain
99Marketing ManagerPatricio SimpsonGermany
100Accounting ManagerPatricio SimpsonSpain
 Item 15001 to 16000 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