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

Virtualization

1Sales RepresentativeMatti KarttunenItaly
2AccountantPatricio SimpsonGermany
3Sales RepresentativePaul HenriotEngland
4Accounting ManagerAntonio MorenoSpain
5OwnerGeorg PippsItaly
6Sales ManagerElizabeth LincolnAustria
7Marketing AssistantHoward SnyderFrance
8Sales RepresentativeJaime YorresBrazil
9Sales AssociateGeorg PippsEngland
10Marketing ManagerHanna MoosEngland
11Sales RepresentativePascale CartrainBrazil
12Marketing AssistantAntonio MorenoSpain
13AccountantAntonio MorenoGermany
14Marketing ManagerHanna MoosAustria
15Marketing ManagerHoward SnyderEngland
16Marketing ManagerGeorg PippsBrazil
17Sales AssociateHanna MoosSpain
18Sales ManagerPascale CartrainEngland
19Sales ConsultantHoward SnyderFrance
20Marketing ManagerHoward SnyderFrance
21OwnerHanna MoosEngland
22OwnerHanna MoosBulgaria
23Sales AssociateElizabeth LincolnEngland
24OwnerAntonio MorenoFrance
25Accounting ManagerPascale CartrainUSA
26Sales AssociateMatti KarttunenFrance
27Sales RepresentativeAntonio MorenoBulgaria
28AccountantPascale CartrainAustria
29AccountantPaul HenriotUSA
30Marketing AssistantHanna MoosUSA
31Sales AgentPaul HenriotAustria
32AccountantMatti KarttunenItaly
33Marketing ManagerGeorg PippsItaly
34Marketing ManagerJaime YorresArgentina
35OwnerPascale CartrainArgentina
36Marketing ManagerElizabeth LincolnUSA
37Accounting ManagerAntonio MorenoGermany
38Sales AgentGeorg PippsFrance
39Sales ManagerHoward SnyderEngland
40Marketing AssistantPatricio SimpsonItaly
41Sales AgentPascale CartrainBrazil
42Sales ManagerPascale CartrainAustria
43Sales RepresentativePaul HenriotFrance
44AccountantAntonio MorenoAustria
45Accounting ManagerGeorg PippsFrance
46Sales ConsultantMatti KarttunenArgentina
47Sales ManagerElizabeth LincolnArgentina
48OwnerHanna MoosFrance
49Accounting ManagerGeorg PippsEngland
50Sales ManagerMatti KarttunenArgentina
51Marketing ManagerJaime YorresFrance
52Sales AssociateHoward SnyderArgentina
53Marketing AssistantHoward SnyderItaly
54Sales ManagerHanna MoosItaly
55AccountantJaime YorresGermany
56Marketing AssistantAntonio MorenoGermany
57Sales ConsultantGeorg PippsArgentina
58Accounting ManagerJaime YorresAustria
59Accounting ManagerPascale CartrainEngland
60Marketing AssistantJaime YorresBrazil
61Sales RepresentativePatricio SimpsonItaly
62Accounting ManagerPaul HenriotEngland
63OwnerPatricio SimpsonEngland
64AccountantHanna MoosEngland
65Marketing AssistantPaul HenriotEngland
66Sales AssociatePascale CartrainBulgaria
67AccountantJaime YorresBrazil
68Sales RepresentativePatricio SimpsonBulgaria
69Sales RepresentativeElizabeth LincolnFrance
70OwnerGeorg PippsArgentina
71Sales AssociatePatricio SimpsonItaly
72Marketing AssistantMatti KarttunenBulgaria
73Sales RepresentativeAntonio MorenoArgentina
74Sales RepresentativeMatti KarttunenAustria
75Sales AgentHoward SnyderAustria
76Marketing ManagerPascale CartrainFrance
77OwnerHanna MoosSpain
78Marketing AssistantElizabeth LincolnItaly
79OwnerMatti KarttunenItaly
80Sales AgentHoward SnyderAustria
81Sales ManagerAntonio MorenoUSA
82Sales RepresentativePaul HenriotBrazil
83Sales ConsultantElizabeth LincolnGermany
84OwnerMatti KarttunenArgentina
85Marketing AssistantAntonio MorenoFrance
86Sales AgentPaul HenriotBrazil
87Sales AssociateJaime YorresGermany
88Sales AssociateGeorg PippsGermany
89Marketing AssistantGeorg PippsGermany
90Marketing AssistantGeorg PippsBulgaria
91Accounting ManagerHoward SnyderAustria
92Marketing AssistantJaime YorresSpain
93AccountantElizabeth LincolnGermany
94Sales AssociateJaime YorresAustria
95Sales ManagerPatricio SimpsonGermany
96Accounting ManagerAntonio MorenoEngland
97Sales RepresentativeHoward SnyderFrance
98Sales ManagerAntonio MorenoGermany
99Sales AssociateGeorg PippsItaly
100Sales AgentGeorg PippsAustria
 Item 166001 to 167000 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