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

Virtualization

1OwnerJaime YorresItaly
2Accounting ManagerHoward SnyderItaly
3AccountantMatti KarttunenEngland
4AccountantPascale CartrainArgentina
5Sales AgentHanna MoosFrance
6Sales AssociatePascale CartrainBulgaria
7Accounting ManagerPaul HenriotAustria
8AccountantGeorg PippsUSA
9Sales AgentAntonio MorenoItaly
10AccountantPatricio SimpsonBulgaria
11Sales RepresentativePatricio SimpsonArgentina
12OwnerPatricio SimpsonGermany
13OwnerPatricio SimpsonEngland
14Sales AgentElizabeth LincolnArgentina
15AccountantGeorg PippsItaly
16Sales AssociatePaul HenriotSpain
17Accounting ManagerHoward SnyderBrazil
18AccountantMatti KarttunenEngland
19Sales ManagerHoward SnyderItaly
20Marketing ManagerJaime YorresAustria
21Sales ManagerHoward SnyderFrance
22Sales ConsultantJaime YorresEngland
23OwnerAntonio MorenoItaly
24Sales RepresentativeMatti KarttunenArgentina
25Sales RepresentativeMatti KarttunenFrance
26OwnerPaul HenriotBrazil
27Sales ConsultantPascale CartrainItaly
28Sales ConsultantPaul HenriotSpain
29Accounting ManagerPascale CartrainFrance
30Marketing ManagerJaime YorresFrance
31Sales AssociatePaul HenriotArgentina
32Sales AssociateElizabeth LincolnItaly
33AccountantPascale CartrainItaly
34Sales RepresentativeGeorg PippsGermany
35OwnerGeorg PippsBrazil
36Sales RepresentativePatricio SimpsonUSA
37Sales AgentHanna MoosArgentina
38Sales ManagerAntonio MorenoGermany
39Marketing ManagerMatti KarttunenBrazil
40Sales AgentJaime YorresEngland
41OwnerElizabeth LincolnItaly
42OwnerPascale CartrainGermany
43Sales ManagerPatricio SimpsonSpain
44Accounting ManagerPatricio SimpsonSpain
45Sales ManagerMatti KarttunenArgentina
46Accounting ManagerPatricio SimpsonAustria
47Sales ConsultantHoward SnyderBrazil
48Marketing ManagerGeorg PippsSpain
49Accounting ManagerHanna MoosFrance
50Marketing ManagerHoward SnyderFrance
51Sales RepresentativeMatti KarttunenBrazil
52Sales AssociateHanna MoosFrance
53Marketing ManagerElizabeth LincolnEngland
54Sales AgentPaul HenriotSpain
55Marketing ManagerPascale CartrainGermany
56Sales ManagerJaime YorresSpain
57Accounting ManagerElizabeth LincolnSpain
58Sales AssociateHoward SnyderGermany
59AccountantPascale CartrainAustria
60Sales ConsultantPaul HenriotGermany
61Sales RepresentativePatricio SimpsonFrance
62Sales ConsultantAntonio MorenoAustria
63Sales RepresentativeGeorg PippsSpain
64Accounting ManagerPascale CartrainUSA
65Accounting ManagerElizabeth LincolnBrazil
66Marketing AssistantJaime YorresAustria
67Accounting ManagerGeorg PippsGermany
68Sales ManagerPaul HenriotFrance
69Sales AgentHanna MoosBulgaria
70Marketing ManagerPascale CartrainGermany
71Marketing ManagerHanna MoosItaly
72Sales AssociateAntonio MorenoFrance
73Sales ConsultantPatricio SimpsonArgentina
74Sales AssociateHoward SnyderUSA
75Accounting ManagerJaime YorresArgentina
76Accounting ManagerPatricio SimpsonBulgaria
77Marketing AssistantAntonio MorenoEngland
78Sales AgentHoward SnyderSpain
79Sales ConsultantPatricio SimpsonBulgaria
80AccountantAntonio MorenoSpain
81Sales AgentElizabeth LincolnBrazil
82AccountantHoward SnyderFrance
83OwnerPatricio SimpsonEngland
84AccountantHanna MoosUSA
85OwnerElizabeth LincolnGermany
86Accounting ManagerPaul HenriotBrazil
87Sales AssociateGeorg PippsFrance
88Sales AgentElizabeth LincolnGermany
89OwnerAntonio MorenoEngland
90Accounting ManagerJaime YorresUSA
91Accounting ManagerJaime YorresEngland
92Sales RepresentativeHoward SnyderUSA
93Sales ManagerPaul HenriotItaly
94OwnerHanna MoosGermany
95Sales AssociateJaime YorresItaly
96Accounting ManagerElizabeth LincolnItaly
97Marketing ManagerMatti KarttunenFrance
98OwnerElizabeth LincolnAustria
99Sales ManagerPascale CartrainFrance
100Sales AgentElizabeth LincolnUSA
 Item 54001 to 55000 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