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

Virtualization

1Sales AssociateAntonio MorenoFrance
2Sales RepresentativeHanna MoosSpain
3OwnerHoward SnyderItaly
4Sales AssociatePascale CartrainArgentina
5Sales AssociateJaime YorresFrance
6Sales AssociateJaime YorresUSA
7Marketing AssistantPascale CartrainFrance
8Marketing ManagerHanna MoosAustria
9AccountantHanna MoosSpain
10Sales ManagerPascale CartrainArgentina
11Accounting ManagerHanna MoosItaly
12Sales ConsultantHoward SnyderItaly
13OwnerGeorg PippsArgentina
14OwnerPaul HenriotItaly
15Marketing ManagerElizabeth LincolnItaly
16Sales AgentMatti KarttunenBulgaria
17Sales ManagerPatricio SimpsonEngland
18Marketing AssistantPaul HenriotBrazil
19Sales AssociateHanna MoosEngland
20OwnerPatricio SimpsonEngland
21Marketing ManagerPaul HenriotSpain
22Sales AssociatePatricio SimpsonSpain
23Marketing AssistantMatti KarttunenArgentina
24Sales RepresentativePascale CartrainArgentina
25Sales RepresentativeMatti KarttunenGermany
26Sales AgentElizabeth LincolnBrazil
27Marketing ManagerAntonio MorenoGermany
28Sales ConsultantAntonio MorenoItaly
29Sales ConsultantElizabeth LincolnBrazil
30AccountantHanna MoosAustria
31Marketing ManagerHoward SnyderAustria
32Sales ManagerAntonio MorenoItaly
33Sales ConsultantHanna MoosSpain
34Marketing ManagerJaime YorresFrance
35Sales ConsultantHanna MoosFrance
36Sales RepresentativeAntonio MorenoUSA
37Marketing ManagerJaime YorresBulgaria
38Marketing AssistantHoward SnyderFrance
39Sales ConsultantPatricio SimpsonArgentina
40Marketing AssistantPaul HenriotBrazil
41Marketing AssistantPatricio SimpsonUSA
42Sales RepresentativeAntonio MorenoArgentina
43OwnerPatricio SimpsonItaly
44Marketing AssistantPatricio SimpsonSpain
45AccountantElizabeth LincolnBulgaria
46Sales RepresentativePaul HenriotFrance
47Sales ConsultantPascale CartrainUSA
48Sales ManagerJaime YorresBrazil
49Sales ManagerHoward SnyderUSA
50Sales ConsultantMatti KarttunenArgentina
51Sales ManagerElizabeth LincolnFrance
52Sales RepresentativeHanna MoosEngland
53Marketing ManagerGeorg PippsEngland
54AccountantHoward SnyderArgentina
55Marketing AssistantPascale CartrainItaly
56Sales ConsultantPatricio SimpsonSpain
57Sales AgentMatti KarttunenBulgaria
58Sales AssociateHanna MoosEngland
59Marketing AssistantJaime YorresBulgaria
60AccountantAntonio MorenoAustria
61Accounting ManagerAntonio MorenoArgentina
62Accounting ManagerPaul HenriotBulgaria
63Sales ManagerMatti KarttunenGermany
64Sales ConsultantMatti KarttunenItaly
65Sales ConsultantPatricio SimpsonArgentina
66Sales AgentAntonio MorenoAustria
67OwnerAntonio MorenoBulgaria
68Marketing ManagerMatti KarttunenItaly
69AccountantJaime YorresBrazil
70Marketing AssistantPascale CartrainSpain
71Sales RepresentativePatricio SimpsonUSA
72Accounting ManagerPatricio SimpsonUSA
73Sales RepresentativePatricio SimpsonGermany
74Marketing AssistantAntonio MorenoArgentina
75Sales ManagerPaul HenriotAustria
76Sales RepresentativeMatti KarttunenArgentina
77Marketing ManagerPatricio SimpsonSpain
78Marketing AssistantPaul HenriotUSA
79Marketing AssistantJaime YorresUSA
80Marketing ManagerPaul HenriotBrazil
81Marketing AssistantMatti KarttunenItaly
82OwnerPaul HenriotFrance
83Sales AgentPaul HenriotItaly
84Sales ManagerHanna MoosBulgaria
85Sales RepresentativeGeorg PippsGermany
86Marketing AssistantPaul HenriotEngland
87Accounting ManagerHoward SnyderGermany
88AccountantPascale CartrainAustria
89Sales AgentMatti KarttunenSpain
90Sales RepresentativePatricio SimpsonGermany
91AccountantGeorg PippsUSA
92AccountantJaime YorresUSA
93Sales AssociateHanna MoosSpain
94OwnerElizabeth LincolnAustria
95OwnerAntonio MorenoFrance
96Sales ManagerPaul HenriotBrazil
97OwnerJaime YorresGermany
98OwnerMatti KarttunenUSA
99Sales ConsultantPascale CartrainUSA
100Sales RepresentativeJaime YorresEngland
 Item 100001 to 101000 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