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

Virtualization

1Sales ConsultantHanna MoosItaly
2AccountantHoward SnyderSpain
3Sales AssociateGeorg PippsBrazil
4Marketing AssistantPaul HenriotFrance
5OwnerMatti KarttunenFrance
6OwnerHanna MoosUSA
7Accounting ManagerPaul HenriotGermany
8Sales AgentHanna MoosBulgaria
9AccountantHanna MoosArgentina
10Sales RepresentativePaul HenriotBulgaria
11Marketing AssistantHanna MoosBrazil
12AccountantHoward SnyderBrazil
13AccountantPascale CartrainBulgaria
14Sales ConsultantAntonio MorenoEngland
15Sales AgentHanna MoosArgentina
16Sales RepresentativePatricio SimpsonEngland
17Sales RepresentativeHanna MoosFrance
18Marketing ManagerHanna MoosItaly
19Sales AgentJaime YorresUSA
20Sales ConsultantPaul HenriotFrance
21Accounting ManagerPascale CartrainEngland
22Sales AssociatePascale CartrainItaly
23Sales AgentPascale CartrainItaly
24Sales ManagerGeorg PippsGermany
25Marketing ManagerPaul HenriotBulgaria
26Sales RepresentativePatricio SimpsonFrance
27Marketing ManagerHoward SnyderArgentina
28Sales AgentGeorg PippsBrazil
29Marketing AssistantAntonio MorenoSpain
30Marketing AssistantHoward SnyderGermany
31AccountantPatricio SimpsonUSA
32OwnerPatricio SimpsonAustria
33Sales ManagerHanna MoosItaly
34Sales AssociatePaul HenriotSpain
35AccountantElizabeth LincolnBulgaria
36OwnerPaul HenriotBrazil
37Sales AgentElizabeth LincolnSpain
38Sales ManagerPaul HenriotAustria
39Marketing AssistantPaul HenriotAustria
40OwnerPaul HenriotEngland
41Marketing AssistantMatti KarttunenUSA
42OwnerMatti KarttunenItaly
43Sales ManagerJaime YorresBrazil
44Sales ConsultantHoward SnyderArgentina
45Sales AssociateElizabeth LincolnSpain
46Sales AssociateMatti KarttunenGermany
47Sales RepresentativeJaime YorresItaly
48Marketing ManagerPaul HenriotAustria
49Marketing ManagerAntonio MorenoBrazil
50Marketing ManagerPatricio SimpsonUSA
51Sales AgentElizabeth LincolnItaly
52Accounting ManagerMatti KarttunenBrazil
53Sales ConsultantPatricio SimpsonUSA
54AccountantJaime YorresBulgaria
55Sales AssociateAntonio MorenoSpain
56Sales ManagerJaime YorresSpain
57AccountantPaul HenriotFrance
58Sales AssociatePaul HenriotFrance
59Sales RepresentativeAntonio MorenoItaly
60AccountantJaime YorresEngland
61OwnerAntonio MorenoBrazil
62AccountantPatricio SimpsonArgentina
63Sales AgentGeorg PippsFrance
64Sales RepresentativeAntonio MorenoBrazil
65Marketing ManagerAntonio MorenoItaly
66Sales AssociateElizabeth LincolnBulgaria
67Marketing AssistantPaul HenriotAustria
68Sales RepresentativePascale CartrainSpain
69Sales ManagerElizabeth LincolnArgentina
70Sales ManagerJaime YorresUSA
71Marketing ManagerGeorg PippsFrance
72Sales RepresentativeMatti KarttunenArgentina
73Sales RepresentativePascale CartrainArgentina
74OwnerHoward SnyderAustria
75Sales ManagerPascale CartrainAustria
76Accounting ManagerPaul HenriotArgentina
77Sales ManagerAntonio MorenoBulgaria
78Sales ConsultantHoward SnyderSpain
79Marketing ManagerElizabeth LincolnArgentina
80Marketing AssistantPaul HenriotSpain
81Accounting ManagerGeorg PippsGermany
82Marketing AssistantGeorg PippsAustria
83Marketing AssistantJaime YorresUSA
84Sales RepresentativePaul HenriotEngland
85Marketing AssistantHanna MoosEngland
86Marketing AssistantPaul HenriotAustria
87Marketing AssistantPascale CartrainBulgaria
88Sales ConsultantElizabeth LincolnBrazil
89Sales AssociateMatti KarttunenArgentina
90Marketing AssistantJaime YorresBulgaria
91Sales AgentGeorg PippsArgentina
92Accounting ManagerGeorg PippsGermany
93Marketing ManagerJaime YorresSpain
94AccountantElizabeth LincolnGermany
95Marketing ManagerAntonio MorenoItaly
96Sales RepresentativeMatti KarttunenAustria
97Sales AssociateElizabeth LincolnBrazil
98Marketing AssistantPascale CartrainUSA
99Sales RepresentativeAntonio MorenoBulgaria
100Sales RepresentativeMatti KarttunenBrazil
 Item 19001 to 20000 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