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

Virtualization

1Sales AssociateJaime YorresUSA
2Sales ConsultantPascale CartrainAustria
3Sales ConsultantPatricio SimpsonBrazil
4Sales ManagerJaime YorresArgentina
5Marketing ManagerPascale CartrainArgentina
6Sales AssociateHanna MoosItaly
7Sales ConsultantJaime YorresItaly
8AccountantPaul HenriotBulgaria
9Accounting ManagerPatricio SimpsonBrazil
10Sales RepresentativeAntonio MorenoSpain
11Marketing AssistantElizabeth LincolnItaly
12Accounting ManagerAntonio MorenoBrazil
13Accounting ManagerPascale CartrainUSA
14Marketing AssistantPaul HenriotFrance
15Sales AssociatePascale CartrainBrazil
16Marketing ManagerElizabeth LincolnBulgaria
17Accounting ManagerPatricio SimpsonItaly
18Sales AgentAntonio MorenoEngland
19Sales RepresentativeElizabeth LincolnItaly
20Sales AssociateJaime YorresItaly
21OwnerPascale CartrainEngland
22OwnerMatti KarttunenBrazil
23AccountantGeorg PippsUSA
24Marketing ManagerMatti KarttunenSpain
25Accounting ManagerGeorg PippsAustria
26Marketing ManagerGeorg PippsGermany
27Sales AgentPatricio SimpsonArgentina
28Marketing ManagerHoward SnyderBulgaria
29Sales ConsultantMatti KarttunenGermany
30Sales AssociatePaul HenriotItaly
31Sales AssociatePascale CartrainFrance
32Sales ConsultantPatricio SimpsonFrance
33AccountantAntonio MorenoEngland
34Sales ConsultantHanna MoosItaly
35Accounting ManagerMatti KarttunenFrance
36Sales AgentPaul HenriotFrance
37Marketing ManagerMatti KarttunenSpain
38Marketing ManagerGeorg PippsEngland
39Sales AgentPascale CartrainFrance
40Sales AssociateMatti KarttunenEngland
41OwnerMatti KarttunenFrance
42Accounting ManagerAntonio MorenoArgentina
43Sales AgentGeorg PippsFrance
44Sales RepresentativeGeorg PippsEngland
45Sales AgentElizabeth LincolnSpain
46Sales RepresentativePascale CartrainItaly
47Sales ConsultantHoward SnyderItaly
48Sales ManagerGeorg PippsGermany
49AccountantGeorg PippsGermany
50AccountantHanna MoosAustria
51OwnerHoward SnyderGermany
52Marketing ManagerPaul HenriotEngland
53Sales RepresentativeJaime YorresEngland
54Sales RepresentativePatricio SimpsonGermany
55Marketing ManagerHoward SnyderArgentina
56Accounting ManagerHoward SnyderBrazil
57OwnerElizabeth LincolnBulgaria
58Sales ConsultantGeorg PippsItaly
59OwnerAntonio MorenoBrazil
60Accounting ManagerPatricio SimpsonBulgaria
61Sales AgentAntonio MorenoEngland
62Sales ConsultantGeorg PippsItaly
63Sales AssociatePatricio SimpsonFrance
64Sales ManagerGeorg PippsItaly
65Sales RepresentativePascale CartrainArgentina
66Marketing AssistantHoward SnyderBrazil
67AccountantHoward SnyderEngland
68Sales RepresentativeJaime YorresSpain
69Sales RepresentativeElizabeth LincolnGermany
70Sales AgentPaul HenriotSpain
71OwnerPascale CartrainItaly
72Sales AgentPatricio SimpsonAustria
73Sales ManagerHanna MoosEngland
74Accounting ManagerAntonio MorenoAustria
75Marketing AssistantMatti KarttunenUSA
76Marketing AssistantHoward SnyderItaly
77OwnerAntonio MorenoBulgaria
78Sales RepresentativeHoward SnyderBulgaria
79Sales RepresentativeGeorg PippsItaly
80Marketing AssistantPascale CartrainItaly
81Sales ManagerMatti KarttunenSpain
82Sales ConsultantGeorg PippsUSA
83Accounting ManagerHoward SnyderFrance
84Sales ConsultantHoward SnyderSpain
85Accounting ManagerHoward SnyderSpain
86Sales RepresentativePascale CartrainUSA
87Sales AgentElizabeth LincolnSpain
88Sales ConsultantPaul HenriotAustria
89Marketing AssistantJaime YorresUSA
90Sales AgentHoward SnyderGermany
91Marketing ManagerHanna MoosEngland
92Marketing ManagerPatricio SimpsonArgentina
93Accounting ManagerMatti KarttunenSpain
94Sales AgentGeorg PippsBulgaria
95Sales AssociatePascale CartrainSpain
96Sales RepresentativeHoward SnyderItaly
97Sales ManagerGeorg PippsItaly
98Marketing AssistantHanna MoosSpain
99OwnerElizabeth LincolnGermany
100Sales AgentPatricio SimpsonSpain
 Item 26001 to 27000 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