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

Virtualization

1Sales ManagerJaime YorresItaly
2Sales ConsultantAntonio MorenoBulgaria
3Sales AgentGeorg PippsEngland
4Sales AssociateHoward SnyderBrazil
5Sales ConsultantHoward SnyderArgentina
6Sales AgentPaul HenriotEngland
7Sales AgentHoward SnyderGermany
8Sales ManagerElizabeth LincolnFrance
9OwnerJaime YorresAustria
10AccountantMatti KarttunenUSA
11Marketing AssistantHoward SnyderAustria
12Marketing AssistantHanna MoosSpain
13Sales ManagerPascale CartrainEngland
14Accounting ManagerPaul HenriotBrazil
15Sales ConsultantMatti KarttunenGermany
16Marketing AssistantAntonio MorenoItaly
17Marketing ManagerGeorg PippsEngland
18Marketing ManagerAntonio MorenoBulgaria
19Sales RepresentativeHoward SnyderBulgaria
20Sales AssociateElizabeth LincolnGermany
21Accounting ManagerElizabeth LincolnGermany
22Marketing AssistantMatti KarttunenSpain
23Sales AssociateJaime YorresSpain
24Sales AgentElizabeth LincolnFrance
25AccountantJaime YorresUSA
26OwnerMatti KarttunenSpain
27Marketing AssistantHoward SnyderFrance
28Sales AssociateHanna MoosAustria
29AccountantMatti KarttunenArgentina
30OwnerGeorg PippsEngland
31Sales ManagerMatti KarttunenItaly
32Sales RepresentativePascale CartrainArgentina
33Sales ManagerPatricio SimpsonArgentina
34Sales RepresentativeAntonio MorenoEngland
35Marketing AssistantMatti KarttunenSpain
36Sales AgentHoward SnyderBrazil
37Accounting ManagerPaul HenriotUSA
38OwnerHoward SnyderAustria
39Sales AssociateGeorg PippsBrazil
40Sales ConsultantAntonio MorenoBulgaria
41Marketing ManagerMatti KarttunenAustria
42OwnerPatricio SimpsonSpain
43Marketing ManagerPascale CartrainBrazil
44OwnerMatti KarttunenAustria
45Sales ManagerElizabeth LincolnItaly
46Sales RepresentativePascale CartrainUSA
47Accounting ManagerElizabeth LincolnBrazil
48Sales AssociatePaul HenriotBrazil
49Sales ManagerPatricio SimpsonEngland
50Marketing AssistantJaime YorresGermany
51Accounting ManagerAntonio MorenoEngland
52AccountantPascale CartrainArgentina
53Marketing AssistantPaul HenriotGermany
54OwnerElizabeth LincolnArgentina
55Marketing AssistantPatricio SimpsonItaly
56Sales ManagerGeorg PippsUSA
57OwnerAntonio MorenoAustria
58OwnerPascale CartrainEngland
59Marketing ManagerAntonio MorenoItaly
60Sales AssociateElizabeth LincolnFrance
61Marketing AssistantHanna MoosBulgaria
62Marketing AssistantMatti KarttunenBrazil
63AccountantPatricio SimpsonAustria
64Sales AgentMatti KarttunenArgentina
65OwnerHoward SnyderArgentina
66Sales AssociatePatricio SimpsonBulgaria
67OwnerAntonio MorenoUSA
68Accounting ManagerElizabeth LincolnSpain
69Accounting ManagerJaime YorresGermany
70Marketing ManagerPatricio SimpsonAustria
71Marketing AssistantPaul HenriotItaly
72Sales ManagerPaul HenriotSpain
73Marketing ManagerPatricio SimpsonGermany
74Sales RepresentativeHanna MoosGermany
75Accounting ManagerElizabeth LincolnBulgaria
76Sales AssociateAntonio MorenoSpain
77Sales RepresentativeJaime YorresBulgaria
78Marketing AssistantPascale CartrainArgentina
79Marketing ManagerElizabeth LincolnAustria
80Accounting ManagerMatti KarttunenBulgaria
81Marketing AssistantMatti KarttunenGermany
82Marketing AssistantPaul HenriotBulgaria
83Sales RepresentativeHoward SnyderGermany
84Sales AgentElizabeth LincolnGermany
85Sales RepresentativeAntonio MorenoGermany
86Accounting ManagerGeorg PippsUSA
87AccountantElizabeth LincolnSpain
88Marketing ManagerGeorg PippsBrazil
89Marketing ManagerAntonio MorenoBulgaria
90Sales AssociateJaime YorresBrazil
91Sales ManagerElizabeth LincolnItaly
92Sales ConsultantPascale CartrainBrazil
93OwnerPascale CartrainUSA
94Sales AssociateHoward SnyderGermany
95OwnerJaime YorresGermany
96Sales AgentElizabeth LincolnAustria
97Sales ConsultantJaime YorresArgentina
98Sales ConsultantPatricio SimpsonUSA
99OwnerPatricio SimpsonGermany
100OwnerPaul HenriotSpain
 Item 68001 to 69000 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