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

Virtualization

1Sales ManagerElizabeth LincolnSpain
2AccountantHoward SnyderArgentina
3Marketing AssistantMatti KarttunenAustria
4Sales AssociateHanna MoosSpain
5Sales ManagerPascale CartrainGermany
6OwnerGeorg PippsGermany
7Marketing AssistantHanna MoosGermany
8Sales ManagerHanna MoosArgentina
9Marketing ManagerPatricio SimpsonUSA
10Sales AgentPatricio SimpsonArgentina
11OwnerPatricio SimpsonGermany
12Marketing AssistantPascale CartrainEngland
13Sales ConsultantHanna MoosArgentina
14OwnerElizabeth LincolnBrazil
15AccountantPascale CartrainAustria
16AccountantAntonio MorenoFrance
17OwnerElizabeth LincolnSpain
18Sales ConsultantElizabeth LincolnGermany
19AccountantHanna MoosFrance
20Sales ConsultantAntonio MorenoItaly
21Sales RepresentativeHanna MoosBrazil
22Marketing ManagerPatricio SimpsonItaly
23Sales RepresentativeMatti KarttunenFrance
24Sales ConsultantMatti KarttunenEngland
25Accounting ManagerElizabeth LincolnEngland
26Sales AgentAntonio MorenoItaly
27Sales ManagerPatricio SimpsonAustria
28Sales ConsultantPatricio SimpsonAustria
29OwnerHanna MoosBrazil
30Sales RepresentativeJaime YorresBrazil
31Marketing AssistantGeorg PippsEngland
32Sales ManagerHoward SnyderAustria
33Sales ManagerHoward SnyderArgentina
34AccountantHoward SnyderBrazil
35Marketing AssistantHoward SnyderUSA
36Sales AgentPatricio SimpsonSpain
37Sales ConsultantHoward SnyderUSA
38Sales ConsultantMatti KarttunenBrazil
39Accounting ManagerAntonio MorenoItaly
40Sales RepresentativeMatti KarttunenEngland
41Sales ConsultantPaul HenriotItaly
42Accounting ManagerJaime YorresGermany
43Sales AgentPaul HenriotItaly
44Accounting ManagerMatti KarttunenEngland
45Sales AgentPaul HenriotFrance
46OwnerJaime YorresFrance
47OwnerElizabeth LincolnUSA
48Marketing AssistantHanna MoosEngland
49Sales RepresentativeGeorg PippsEngland
50Sales AgentMatti KarttunenFrance
51Sales ConsultantPaul HenriotGermany
52Marketing AssistantHoward SnyderBulgaria
53Sales AgentPaul HenriotArgentina
54Accounting ManagerPatricio SimpsonUSA
55Accounting ManagerHanna MoosAustria
56Sales ConsultantPaul HenriotGermany
57Marketing ManagerMatti KarttunenBrazil
58Accounting ManagerHoward SnyderFrance
59Sales AssociateHoward SnyderGermany
60OwnerHanna MoosArgentina
61Sales AgentHanna MoosSpain
62Sales AssociateJaime YorresAustria
63AccountantGeorg PippsGermany
64Sales ManagerAntonio MorenoBrazil
65AccountantJaime YorresBulgaria
66Sales ManagerAntonio MorenoFrance
67Sales RepresentativePascale CartrainUSA
68Sales ManagerHanna MoosGermany
69Sales RepresentativeHanna MoosSpain
70Sales ConsultantHoward SnyderEngland
71AccountantMatti KarttunenBrazil
72Sales AssociateElizabeth LincolnItaly
73Accounting ManagerAntonio MorenoArgentina
74Marketing AssistantPatricio SimpsonEngland
75Accounting ManagerJaime YorresItaly
76Sales ManagerJaime YorresAustria
77Sales AssociatePatricio SimpsonArgentina
78Sales ConsultantGeorg PippsBulgaria
79AccountantAntonio MorenoBrazil
80Marketing AssistantPaul HenriotSpain
81Sales RepresentativeJaime YorresSpain
82Sales AgentPascale CartrainSpain
83Sales ManagerHoward SnyderGermany
84Marketing ManagerPascale CartrainEngland
85Sales ConsultantHoward SnyderGermany
86Sales ManagerJaime YorresUSA
87OwnerHoward SnyderSpain
88Sales ManagerGeorg PippsUSA
89AccountantMatti KarttunenEngland
90AccountantJaime YorresBrazil
91Sales ManagerJaime YorresFrance
92Sales AgentMatti KarttunenUSA
93Sales ConsultantAntonio MorenoAustria
94Sales ManagerPaul HenriotFrance
95OwnerHoward SnyderArgentina
96OwnerHanna MoosItaly
97Accounting ManagerPaul HenriotArgentina
98Sales AssociateJaime YorresItaly
99Sales AssociateJaime YorresGermany
100Sales RepresentativeElizabeth LincolnBulgaria
 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