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

Virtualization

1OwnerAntonio MorenoFrance
2Marketing ManagerPascale CartrainAustria
3Marketing AssistantMatti KarttunenBrazil
4Sales RepresentativeHoward SnyderAustria
5Sales RepresentativePatricio SimpsonAustria
6Sales ManagerPaul HenriotItaly
7Sales AgentAntonio MorenoArgentina
8Sales AssociateGeorg PippsFrance
9Sales AssociateHoward SnyderAustria
10Sales RepresentativeAntonio MorenoFrance
11OwnerJaime YorresEngland
12Sales AgentAntonio MorenoBulgaria
13Sales ConsultantElizabeth LincolnBulgaria
14Sales AgentGeorg PippsArgentina
15Sales ConsultantMatti KarttunenFrance
16Sales ConsultantPaul HenriotSpain
17Sales ConsultantPascale CartrainBulgaria
18Sales AgentAntonio MorenoItaly
19OwnerHanna MoosBrazil
20Marketing ManagerMatti KarttunenBrazil
21Sales RepresentativePaul HenriotBrazil
22Sales AgentElizabeth LincolnItaly
23AccountantPascale CartrainSpain
24Sales ManagerPatricio SimpsonFrance
25Marketing ManagerPaul HenriotAustria
26AccountantPatricio SimpsonFrance
27Marketing AssistantMatti KarttunenArgentina
28Sales ConsultantAntonio MorenoFrance
29Sales AgentPatricio SimpsonEngland
30Sales RepresentativeHanna MoosAustria
31Sales ConsultantPascale CartrainBrazil
32Sales RepresentativeHoward SnyderFrance
33Sales AgentPaul HenriotUSA
34Sales RepresentativeMatti KarttunenUSA
35Sales ConsultantPascale CartrainGermany
36Accounting ManagerHanna MoosArgentina
37Sales AgentElizabeth LincolnBulgaria
38Marketing AssistantHoward SnyderGermany
39Sales AssociateAntonio MorenoGermany
40Sales RepresentativeMatti KarttunenSpain
41Sales ManagerPatricio SimpsonItaly
42Sales ManagerElizabeth LincolnUSA
43Sales AssociateGeorg PippsArgentina
44OwnerPaul HenriotUSA
45Sales AgentHoward SnyderBulgaria
46Marketing AssistantJaime YorresBulgaria
47Sales AssociateHanna MoosUSA
48Sales ManagerPascale CartrainAustria
49Sales ConsultantElizabeth LincolnSpain
50AccountantHoward SnyderSpain
51Sales ManagerPaul HenriotBrazil
52Accounting ManagerMatti KarttunenUSA
53AccountantJaime YorresBrazil
54AccountantElizabeth LincolnFrance
55Marketing ManagerAntonio MorenoBulgaria
56Sales AgentHanna MoosFrance
57AccountantMatti KarttunenAustria
58Sales ManagerJaime YorresAustria
59Marketing ManagerHoward SnyderGermany
60Sales AgentPaul HenriotBrazil
61AccountantHoward SnyderSpain
62Sales AgentAntonio MorenoEngland
63Sales ConsultantPascale CartrainSpain
64Sales ConsultantGeorg PippsAustria
65Sales RepresentativeElizabeth LincolnUSA
66Marketing ManagerPatricio SimpsonEngland
67Sales ManagerPatricio SimpsonSpain
68Sales AgentHanna MoosBulgaria
69Accounting ManagerGeorg PippsUSA
70OwnerElizabeth LincolnAustria
71Accounting ManagerJaime YorresItaly
72Sales ManagerElizabeth LincolnSpain
73Sales ConsultantMatti KarttunenBulgaria
74AccountantPaul HenriotItaly
75Sales RepresentativeMatti KarttunenGermany
76Marketing ManagerJaime YorresItaly
77Sales ConsultantPascale CartrainSpain
78Sales AgentJaime YorresUSA
79Accounting ManagerPatricio SimpsonAustria
80Sales AssociateJaime YorresAustria
81Sales AgentPascale CartrainArgentina
82AccountantJaime YorresItaly
83Sales ConsultantMatti KarttunenUSA
84Sales ConsultantHoward SnyderEngland
85Sales RepresentativeElizabeth LincolnFrance
86Sales AgentHoward SnyderAustria
87Sales AssociatePatricio SimpsonAustria
88Sales AgentHoward SnyderBrazil
89AccountantMatti KarttunenGermany
90Accounting ManagerPatricio SimpsonUSA
91Sales ConsultantPatricio SimpsonSpain
92Marketing AssistantJaime YorresItaly
93Sales RepresentativePascale CartrainBulgaria
94OwnerPatricio SimpsonArgentina
95Accounting ManagerAntonio MorenoArgentina
96Marketing AssistantAntonio MorenoSpain
97Sales AssociatePatricio SimpsonUSA
98Marketing ManagerElizabeth LincolnSpain
99Marketing AssistantGeorg PippsUSA
100Sales ManagerJaime YorresSpain
 Item 31001 to 32000 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