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

Virtualization

1Marketing ManagerElizabeth LincolnGermany
2Sales AgentPascale CartrainAustria
3AccountantHanna MoosUSA
4Sales AssociateGeorg PippsItaly
5Sales AgentGeorg PippsArgentina
6Sales RepresentativeMatti KarttunenSpain
7Sales RepresentativeJaime YorresItaly
8Sales AgentPaul HenriotSpain
9Sales RepresentativePascale CartrainFrance
10Sales ConsultantMatti KarttunenFrance
11AccountantPaul HenriotArgentina
12Sales RepresentativeMatti KarttunenBulgaria
13Accounting ManagerPascale CartrainSpain
14Accounting ManagerPascale CartrainArgentina
15OwnerGeorg PippsUSA
16Sales AgentElizabeth LincolnFrance
17Sales RepresentativeMatti KarttunenBulgaria
18Sales RepresentativeElizabeth LincolnUSA
19OwnerHanna MoosBulgaria
20Sales ConsultantJaime YorresSpain
21Sales ManagerAntonio MorenoItaly
22Marketing ManagerPascale CartrainItaly
23OwnerElizabeth LincolnItaly
24Marketing AssistantPaul HenriotGermany
25AccountantMatti KarttunenSpain
26OwnerMatti KarttunenGermany
27Marketing ManagerGeorg PippsGermany
28Sales ConsultantAntonio MorenoBulgaria
29Marketing AssistantAntonio MorenoBrazil
30Marketing AssistantPaul HenriotBrazil
31Marketing AssistantElizabeth LincolnBrazil
32Sales RepresentativeMatti KarttunenBrazil
33Marketing ManagerMatti KarttunenItaly
34Sales AssociateMatti KarttunenArgentina
35Marketing ManagerElizabeth LincolnGermany
36Marketing AssistantJaime YorresSpain
37Sales ConsultantMatti KarttunenBulgaria
38Sales AssociatePaul HenriotBrazil
39Sales RepresentativePatricio SimpsonGermany
40Marketing ManagerPascale CartrainArgentina
41Marketing AssistantAntonio MorenoBulgaria
42Sales ManagerHanna MoosBrazil
43OwnerGeorg PippsSpain
44Sales RepresentativePaul HenriotBulgaria
45Sales AgentAntonio MorenoBulgaria
46Sales AssociatePaul HenriotGermany
47Sales ConsultantPaul HenriotSpain
48Accounting ManagerAntonio MorenoAustria
49Accounting ManagerPatricio SimpsonGermany
50OwnerPascale CartrainBulgaria
51Sales ConsultantAntonio MorenoItaly
52Sales RepresentativeMatti KarttunenArgentina
53Sales AssociatePaul HenriotArgentina
54Marketing AssistantMatti KarttunenBulgaria
55AccountantPatricio SimpsonUSA
56Sales ManagerJaime YorresArgentina
57Sales AgentJaime YorresEngland
58Sales ManagerHoward SnyderGermany
59Marketing AssistantPaul HenriotUSA
60Marketing AssistantPaul HenriotGermany
61Sales AssociateGeorg PippsFrance
62Sales ManagerAntonio MorenoArgentina
63Marketing AssistantAntonio MorenoItaly
64Sales AgentAntonio MorenoUSA
65AccountantMatti KarttunenBulgaria
66Sales ConsultantPaul HenriotFrance
67Marketing ManagerPatricio SimpsonEngland
68Marketing AssistantAntonio MorenoBrazil
69Marketing AssistantPaul HenriotGermany
70Marketing ManagerElizabeth LincolnSpain
71Marketing ManagerHoward SnyderUSA
72Marketing AssistantPaul HenriotBrazil
73Sales ConsultantGeorg PippsSpain
74Sales RepresentativePaul HenriotUSA
75Marketing ManagerPascale CartrainUSA
76Sales AssociatePaul HenriotBulgaria
77Marketing ManagerPatricio SimpsonFrance
78Sales AgentElizabeth LincolnAustria
79Sales AssociateAntonio MorenoSpain
80Sales AssociateGeorg PippsBulgaria
81Sales ManagerPatricio SimpsonSpain
82Marketing ManagerPascale CartrainBrazil
83Sales ManagerGeorg PippsBulgaria
84Sales AgentMatti KarttunenItaly
85Sales ConsultantPaul HenriotBulgaria
86Sales AssociateMatti KarttunenBrazil
87Marketing AssistantGeorg PippsEngland
88Sales ManagerGeorg PippsFrance
89Sales AgentElizabeth LincolnBrazil
90Sales ConsultantJaime YorresBrazil
91Sales RepresentativeJaime YorresSpain
92OwnerAntonio MorenoEngland
93Marketing AssistantAntonio MorenoBrazil
94Marketing AssistantHanna MoosAustria
95Marketing ManagerHoward SnyderSpain
96Sales ConsultantPaul HenriotSpain
97AccountantHanna MoosItaly
98Accounting ManagerPaul HenriotFrance
99Sales AgentAntonio MorenoEngland
100Sales ManagerPatricio SimpsonItaly
 Item 1 to 1000 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