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

Virtualization

1Sales RepresentativeMatti KarttunenFrance
2Accounting ManagerPascale CartrainGermany
3Sales ConsultantHanna MoosGermany
4Sales AgentPaul HenriotFrance
5Sales RepresentativeHanna MoosUSA
6Sales ConsultantPascale CartrainFrance
7Sales ConsultantPaul HenriotBulgaria
8Marketing AssistantHanna MoosArgentina
9Marketing AssistantGeorg PippsBulgaria
10Accounting ManagerJaime YorresGermany
11Marketing AssistantGeorg PippsGermany
12Sales RepresentativeJaime YorresBrazil
13Sales ManagerHanna MoosEngland
14Marketing ManagerPatricio SimpsonGermany
15Sales AgentGeorg PippsFrance
16Sales AgentElizabeth LincolnAustria
17Accounting ManagerHoward SnyderFrance
18Sales AgentHanna MoosBrazil
19OwnerMatti KarttunenUSA
20Sales AgentMatti KarttunenBulgaria
21Sales RepresentativeHanna MoosFrance
22Marketing AssistantAntonio MorenoFrance
23Marketing ManagerHanna MoosUSA
24Marketing AssistantHanna MoosBulgaria
25Sales RepresentativeMatti KarttunenArgentina
26Sales AssociateHanna MoosGermany
27Accounting ManagerPascale CartrainArgentina
28Sales AgentJaime YorresEngland
29Sales RepresentativeHoward SnyderBrazil
30Sales ManagerMatti KarttunenFrance
31Marketing AssistantPatricio SimpsonItaly
32Sales ManagerPatricio SimpsonBrazil
33Marketing ManagerAntonio MorenoAustria
34Sales AssociateElizabeth LincolnSpain
35Marketing ManagerJaime YorresItaly
36Sales AgentGeorg PippsUSA
37Sales AgentGeorg PippsGermany
38Sales ManagerHanna MoosUSA
39Sales ManagerPaul HenriotFrance
40AccountantHanna MoosGermany
41Sales AssociateJaime YorresUSA
42OwnerGeorg PippsAustria
43Accounting ManagerGeorg PippsEngland
44OwnerPatricio SimpsonItaly
45Sales RepresentativeMatti KarttunenItaly
46Sales ManagerElizabeth LincolnAustria
47Sales AssociatePaul HenriotBrazil
48OwnerPatricio SimpsonArgentina
49Marketing ManagerJaime YorresAustria
50Sales AgentMatti KarttunenItaly
51Sales AgentPatricio SimpsonBulgaria
52Sales AgentAntonio MorenoGermany
53Marketing ManagerElizabeth LincolnFrance
54Sales AgentPaul HenriotFrance
55Sales AssociateAntonio MorenoBrazil
56Sales AgentPatricio SimpsonSpain
57Marketing ManagerElizabeth LincolnBulgaria
58Sales AssociatePascale CartrainEngland
59Accounting ManagerPaul HenriotSpain
60Marketing AssistantHoward SnyderBulgaria
61Sales AssociateElizabeth LincolnBulgaria
62Accounting ManagerAntonio MorenoEngland
63Accounting ManagerHanna MoosGermany
64Marketing ManagerHanna MoosBrazil
65Accounting ManagerPatricio SimpsonSpain
66OwnerPascale CartrainItaly
67Sales ManagerAntonio MorenoFrance
68Sales ConsultantPascale CartrainUSA
69Sales AssociateElizabeth LincolnArgentina
70AccountantJaime YorresSpain
71Marketing ManagerPascale CartrainUSA
72Sales AgentAntonio MorenoGermany
73Sales RepresentativeGeorg PippsBrazil
74Sales ManagerMatti KarttunenEngland
75Sales AssociateJaime YorresGermany
76Sales RepresentativePascale CartrainBrazil
77Sales AgentJaime YorresItaly
78Sales RepresentativeHoward SnyderGermany
79Marketing ManagerPatricio SimpsonEngland
80Accounting ManagerGeorg PippsUSA
81Sales AgentElizabeth LincolnFrance
82Sales AgentPascale CartrainFrance
83Marketing AssistantPascale CartrainUSA
84AccountantMatti KarttunenItaly
85AccountantJaime YorresEngland
86Sales ManagerAntonio MorenoItaly
87Marketing ManagerHanna MoosAustria
88OwnerHanna MoosAustria
89OwnerElizabeth LincolnGermany
90OwnerElizabeth LincolnArgentina
91Marketing ManagerElizabeth LincolnSpain
92Marketing ManagerPascale CartrainBulgaria
93Sales ConsultantJaime YorresFrance
94AccountantGeorg PippsItaly
95Accounting ManagerPatricio SimpsonBrazil
96Sales AssociateAntonio MorenoFrance
97OwnerPatricio SimpsonItaly
98Sales ConsultantJaime YorresEngland
99Sales ManagerJaime YorresItaly
100Sales ConsultantAntonio MorenoUSA
 Item 61001 to 62000 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