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

Virtualization

1Sales AssociateHanna MoosUSA
2Sales AssociateJaime YorresBrazil
3Sales AgentGeorg PippsBulgaria
4Accounting ManagerHanna MoosSpain
5Sales AgentAntonio MorenoFrance
6OwnerGeorg PippsUSA
7Sales AgentPascale CartrainArgentina
8Marketing AssistantHoward SnyderUSA
9AccountantPaul HenriotBrazil
10Sales AssociateGeorg PippsBulgaria
11Sales ManagerAntonio MorenoUSA
12Sales ConsultantHoward SnyderItaly
13OwnerHoward SnyderEngland
14Marketing ManagerElizabeth LincolnBulgaria
15Sales AssociateGeorg PippsBrazil
16OwnerJaime YorresItaly
17Sales RepresentativeHanna MoosArgentina
18Sales ConsultantMatti KarttunenFrance
19Accounting ManagerHanna MoosBrazil
20AccountantPascale CartrainBulgaria
21Sales ManagerAntonio MorenoArgentina
22Sales ManagerJaime YorresBrazil
23Sales AssociateHoward SnyderFrance
24OwnerHanna MoosItaly
25AccountantHoward SnyderItaly
26Sales AssociateAntonio MorenoFrance
27Sales ManagerPatricio SimpsonSpain
28Sales RepresentativeAntonio MorenoFrance
29Sales AssociateHoward SnyderItaly
30Sales AgentHoward SnyderBulgaria
31OwnerPaul HenriotUSA
32Accounting ManagerGeorg PippsEngland
33Sales RepresentativePaul HenriotSpain
34Sales AgentHoward SnyderEngland
35OwnerMatti KarttunenBulgaria
36Marketing ManagerMatti KarttunenSpain
37Marketing ManagerMatti KarttunenItaly
38Sales AssociateAntonio MorenoBulgaria
39Sales ManagerHanna MoosEngland
40Marketing ManagerHanna MoosAustria
41Sales AgentPascale CartrainGermany
42AccountantPatricio SimpsonUSA
43AccountantPatricio SimpsonEngland
44Marketing ManagerHanna MoosFrance
45AccountantAntonio MorenoBrazil
46Sales AssociateGeorg PippsGermany
47OwnerGeorg PippsBrazil
48Sales ManagerHoward SnyderEngland
49OwnerPascale CartrainUSA
50OwnerPaul HenriotFrance
51Marketing AssistantHoward SnyderGermany
52Sales AgentMatti KarttunenSpain
53AccountantPascale CartrainBrazil
54OwnerGeorg PippsBulgaria
55Sales AgentElizabeth LincolnUSA
56OwnerPascale CartrainBulgaria
57AccountantPaul HenriotBulgaria
58Sales RepresentativeHanna MoosAustria
59Sales RepresentativePatricio SimpsonGermany
60OwnerJaime YorresItaly
61Marketing AssistantMatti KarttunenGermany
62Sales ManagerElizabeth LincolnArgentina
63Marketing AssistantAntonio MorenoBulgaria
64Sales ConsultantJaime YorresUSA
65OwnerJaime YorresBrazil
66Sales AssociateHoward SnyderBrazil
67Marketing ManagerMatti KarttunenBulgaria
68Sales ConsultantElizabeth LincolnEngland
69Sales RepresentativeElizabeth LincolnSpain
70Accounting ManagerJaime YorresEngland
71Marketing AssistantElizabeth LincolnBulgaria
72Sales AssociateAntonio MorenoSpain
73Sales ConsultantHoward SnyderSpain
74Sales AssociateMatti KarttunenSpain
75Sales AssociateGeorg PippsEngland
76Sales AgentElizabeth LincolnFrance
77Sales RepresentativeJaime YorresBrazil
78Sales RepresentativeJaime YorresArgentina
79Accounting ManagerPaul HenriotBrazil
80Sales ManagerMatti KarttunenEngland
81Sales AgentPascale CartrainUSA
82Marketing AssistantMatti KarttunenEngland
83Sales RepresentativeHanna MoosArgentina
84Marketing ManagerHoward SnyderGermany
85Accounting ManagerMatti KarttunenGermany
86Marketing ManagerAntonio MorenoBulgaria
87Sales AgentPatricio SimpsonArgentina
88Sales ManagerJaime YorresItaly
89Accounting ManagerMatti KarttunenGermany
90Sales ManagerHoward SnyderBrazil
91Marketing AssistantJaime YorresSpain
92Sales AssociateHoward SnyderUSA
93Accounting ManagerMatti KarttunenBulgaria
94Sales ManagerPascale CartrainFrance
95Sales AssociateJaime YorresBrazil
96Sales ConsultantPascale CartrainEngland
97Sales ConsultantHoward SnyderBrazil
98OwnerElizabeth LincolnEngland
99OwnerHoward SnyderFrance
100Accounting ManagerPatricio SimpsonEngland
 Item 35001 to 36000 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