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

Virtualization

1Sales RepresentativeHoward SnyderArgentina
2AccountantAntonio MorenoUSA
3AccountantPatricio SimpsonUSA
4Sales ConsultantHoward SnyderGermany
5Sales AgentHoward SnyderSpain
6OwnerAntonio MorenoFrance
7Sales RepresentativeMatti KarttunenFrance
8Sales RepresentativePatricio SimpsonBrazil
9Sales AgentAntonio MorenoSpain
10AccountantMatti KarttunenUSA
11Accounting ManagerAntonio MorenoAustria
12AccountantElizabeth LincolnAustria
13Sales AgentPascale CartrainFrance
14Sales AgentMatti KarttunenFrance
15Sales RepresentativePatricio SimpsonUSA
16Sales ManagerPatricio SimpsonBulgaria
17Sales RepresentativeHoward SnyderSpain
18Accounting ManagerPaul HenriotSpain
19Sales ManagerElizabeth LincolnAustria
20Sales AgentPascale CartrainItaly
21Sales ConsultantPatricio SimpsonFrance
22Sales RepresentativePascale CartrainItaly
23Sales ManagerPatricio SimpsonArgentina
24Sales ConsultantGeorg PippsSpain
25Sales ConsultantElizabeth LincolnBulgaria
26AccountantHoward SnyderSpain
27Accounting ManagerPascale CartrainSpain
28Sales AgentPaul HenriotGermany
29Marketing ManagerHoward SnyderUSA
30Sales ManagerMatti KarttunenUSA
31Sales AssociateHoward SnyderArgentina
32Accounting ManagerElizabeth LincolnArgentina
33OwnerHanna MoosEngland
34AccountantHoward SnyderItaly
35Sales ManagerElizabeth LincolnAustria
36Sales AgentHoward SnyderEngland
37Accounting ManagerHoward SnyderEngland
38Sales AssociateGeorg PippsGermany
39Sales AgentPaul HenriotSpain
40Marketing ManagerGeorg PippsAustria
41Sales RepresentativeHanna MoosArgentina
42AccountantHoward SnyderUSA
43Accounting ManagerPascale CartrainBulgaria
44Sales AgentJaime YorresUSA
45Sales AgentPaul HenriotSpain
46Marketing AssistantAntonio MorenoAustria
47Sales AssociatePascale CartrainSpain
48Sales ManagerJaime YorresArgentina
49Marketing AssistantPascale CartrainItaly
50OwnerPatricio SimpsonBrazil
51AccountantGeorg PippsBrazil
52Sales ManagerJaime YorresArgentina
53Marketing AssistantElizabeth LincolnBulgaria
54Marketing AssistantElizabeth LincolnAustria
55Sales AgentJaime YorresUSA
56Marketing ManagerAntonio MorenoEngland
57Sales RepresentativeHoward SnyderBulgaria
58Sales RepresentativePascale CartrainUSA
59Marketing AssistantHoward SnyderGermany
60Sales AgentElizabeth LincolnItaly
61Sales AssociateHanna MoosAustria
62Marketing ManagerJaime YorresBrazil
63Sales ManagerElizabeth LincolnBulgaria
64Sales ManagerAntonio MorenoBrazil
65Sales AssociateGeorg PippsAustria
66Sales AssociateHoward SnyderArgentina
67Sales RepresentativeGeorg PippsUSA
68Marketing ManagerJaime YorresGermany
69Sales AssociatePaul HenriotGermany
70Sales ManagerJaime YorresFrance
71Sales RepresentativeAntonio MorenoBulgaria
72Accounting ManagerAntonio MorenoUSA
73OwnerPatricio SimpsonItaly
74AccountantJaime YorresGermany
75Sales AgentMatti KarttunenGermany
76Sales ConsultantMatti KarttunenItaly
77Sales AssociatePatricio SimpsonBulgaria
78Sales AgentPatricio SimpsonAustria
79Sales ManagerHoward SnyderArgentina
80Sales AssociatePaul HenriotItaly
81Marketing AssistantPascale CartrainGermany
82Marketing AssistantHanna MoosSpain
83Marketing AssistantGeorg PippsBulgaria
84Marketing ManagerPatricio SimpsonSpain
85Accounting ManagerPatricio SimpsonFrance
86Sales ManagerPascale CartrainAustria
87Sales RepresentativeMatti KarttunenItaly
88Marketing ManagerAntonio MorenoBulgaria
89Sales ConsultantPascale CartrainSpain
90Marketing AssistantHoward SnyderSpain
91Accounting ManagerPaul HenriotEngland
92Marketing AssistantPascale CartrainFrance
93Sales RepresentativeAntonio MorenoGermany
94Marketing AssistantHanna MoosBulgaria
95Sales ManagerGeorg PippsFrance
96Sales AgentHanna MoosEngland
97Sales AgentJaime YorresGermany
98AccountantJaime YorresItaly
99OwnerJaime YorresItaly
100Sales AgentMatti KarttunenArgentina
 Item 79001 to 80000 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