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

Virtualization

1Sales AgentPaul HenriotBulgaria
2Sales RepresentativeHoward SnyderUSA
3Sales ManagerPatricio SimpsonAustria
4Sales RepresentativePaul HenriotBulgaria
5Accounting ManagerHanna MoosAustria
6Marketing ManagerPascale CartrainFrance
7OwnerPatricio SimpsonFrance
8Marketing AssistantHanna MoosBulgaria
9OwnerPascale CartrainUSA
10Marketing ManagerAntonio MorenoFrance
11Sales AgentAntonio MorenoUSA
12Sales ConsultantPaul HenriotBulgaria
13Sales AgentMatti KarttunenBrazil
14OwnerElizabeth LincolnAustria
15Sales ManagerPatricio SimpsonGermany
16Sales RepresentativeHoward SnyderAustria
17Accounting ManagerHanna MoosArgentina
18AccountantGeorg PippsBrazil
19AccountantPatricio SimpsonEngland
20Sales RepresentativeMatti KarttunenBrazil
21Marketing AssistantElizabeth LincolnGermany
22Sales ManagerJaime YorresEngland
23Sales AgentAntonio MorenoItaly
24Sales AssociateJaime YorresEngland
25AccountantPascale CartrainGermany
26Sales RepresentativeAntonio MorenoBrazil
27Marketing AssistantJaime YorresAustria
28Accounting ManagerElizabeth LincolnUSA
29Sales ManagerJaime YorresEngland
30Marketing ManagerHanna MoosUSA
31OwnerPatricio SimpsonEngland
32Marketing ManagerHanna MoosBrazil
33AccountantElizabeth LincolnEngland
34Accounting ManagerGeorg PippsEngland
35OwnerHanna MoosBulgaria
36Marketing ManagerAntonio MorenoArgentina
37OwnerHanna MoosGermany
38Marketing ManagerHanna MoosAustria
39OwnerPaul HenriotSpain
40Sales AssociateHanna MoosArgentina
41Sales ConsultantPatricio SimpsonBrazil
42AccountantMatti KarttunenFrance
43Marketing AssistantElizabeth LincolnBulgaria
44Sales ManagerAntonio MorenoFrance
45Sales ConsultantJaime YorresFrance
46Sales AgentElizabeth LincolnArgentina
47Accounting ManagerAntonio MorenoEngland
48Sales AgentHoward SnyderItaly
49Sales AgentElizabeth LincolnSpain
50Sales AgentMatti KarttunenUSA
51Sales AgentGeorg PippsFrance
52OwnerPaul HenriotEngland
53Marketing AssistantPatricio SimpsonAustria
54Sales ConsultantHoward SnyderFrance
55Sales AgentHoward SnyderGermany
56Marketing ManagerJaime YorresArgentina
57Sales AssociateJaime YorresItaly
58Sales ConsultantElizabeth LincolnUSA
59Sales RepresentativeMatti KarttunenUSA
60Sales ConsultantHanna MoosUSA
61Sales RepresentativeHoward SnyderSpain
62Sales ManagerAntonio MorenoUSA
63Sales AssociatePaul HenriotUSA
64OwnerJaime YorresUSA
65Marketing AssistantPascale CartrainEngland
66Sales ManagerJaime YorresEngland
67OwnerHanna MoosBulgaria
68AccountantJaime YorresSpain
69Sales AgentPascale CartrainBulgaria
70Marketing ManagerElizabeth LincolnBrazil
71Marketing AssistantMatti KarttunenUSA
72Sales ManagerHoward SnyderItaly
73Sales ManagerAntonio MorenoItaly
74Sales RepresentativeAntonio MorenoAustria
75OwnerMatti KarttunenSpain
76Sales AgentHanna MoosFrance
77OwnerElizabeth LincolnAustria
78Marketing ManagerPatricio SimpsonEngland
79Sales AgentElizabeth LincolnItaly
80AccountantGeorg PippsItaly
81Sales RepresentativePatricio SimpsonBulgaria
82Sales ManagerPatricio SimpsonArgentina
83Sales AgentHanna MoosBrazil
84AccountantMatti KarttunenItaly
85Sales AgentPascale CartrainBrazil
86Accounting ManagerPascale CartrainBrazil
87Marketing ManagerPaul HenriotAustria
88Accounting ManagerElizabeth LincolnItaly
89Marketing ManagerAntonio MorenoBulgaria
90Sales RepresentativeGeorg PippsAustria
91Marketing AssistantElizabeth LincolnSpain
92Marketing AssistantAntonio MorenoUSA
93OwnerPaul HenriotSpain
94Accounting ManagerHanna MoosUSA
95Sales AssociateGeorg PippsBrazil
96Sales AgentHoward SnyderItaly
97Sales RepresentativeJaime YorresItaly
98AccountantMatti KarttunenSpain
99Sales RepresentativePatricio SimpsonBulgaria
100Sales ManagerHanna MoosItaly
 Item 191001 to 192000 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