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

Virtualization

1Sales AssociateAntonio MorenoSpain
2Sales ManagerHanna MoosSpain
3Sales RepresentativeAntonio MorenoBrazil
4Marketing AssistantMatti KarttunenBulgaria
5Accounting ManagerGeorg PippsItaly
6Sales ManagerAntonio MorenoBrazil
7Sales AssociateMatti KarttunenBulgaria
8AccountantHanna MoosFrance
9Marketing AssistantGeorg PippsUSA
10Sales AgentPatricio SimpsonFrance
11OwnerPascale CartrainBulgaria
12Sales ConsultantHoward SnyderUSA
13Marketing AssistantHanna MoosFrance
14Accounting ManagerHoward SnyderFrance
15Sales AgentAntonio MorenoBulgaria
16Marketing AssistantAntonio MorenoSpain
17Sales ManagerElizabeth LincolnBulgaria
18Sales RepresentativeJaime YorresAustria
19AccountantMatti KarttunenEngland
20Sales ConsultantElizabeth LincolnEngland
21Sales RepresentativePascale CartrainArgentina
22Sales AssociateGeorg PippsBulgaria
23Sales AgentHanna MoosArgentina
24Sales RepresentativeAntonio MorenoAustria
25OwnerElizabeth LincolnArgentina
26Sales RepresentativeGeorg PippsSpain
27Accounting ManagerGeorg PippsGermany
28Sales AssociateAntonio MorenoArgentina
29Sales ManagerHoward SnyderBrazil
30Sales AgentMatti KarttunenSpain
31Marketing AssistantPatricio SimpsonFrance
32Marketing AssistantMatti KarttunenBulgaria
33Sales AssociateElizabeth LincolnItaly
34Marketing ManagerAntonio MorenoAustria
35OwnerGeorg PippsBrazil
36AccountantPaul HenriotUSA
37AccountantGeorg PippsArgentina
38Sales AgentJaime YorresGermany
39OwnerPascale CartrainEngland
40Sales AssociateMatti KarttunenBrazil
41Sales AgentMatti KarttunenEngland
42Sales AgentGeorg PippsSpain
43Accounting ManagerPaul HenriotUSA
44Sales ManagerAntonio MorenoAustria
45Sales RepresentativeHoward SnyderFrance
46Sales AgentGeorg PippsGermany
47Sales ManagerHanna MoosSpain
48Sales ConsultantHoward SnyderUSA
49Sales ManagerHoward SnyderItaly
50Sales RepresentativeElizabeth LincolnBrazil
51OwnerElizabeth LincolnItaly
52Sales AgentPaul HenriotBulgaria
53AccountantPascale CartrainItaly
54Sales AgentPascale CartrainBulgaria
55AccountantGeorg PippsItaly
56Sales RepresentativeMatti KarttunenAustria
57AccountantPascale CartrainArgentina
58Sales AssociateJaime YorresItaly
59AccountantHanna MoosSpain
60Sales AgentElizabeth LincolnSpain
61OwnerPaul HenriotFrance
62AccountantHoward SnyderUSA
63Sales AssociatePaul HenriotUSA
64Marketing AssistantHoward SnyderBulgaria
65Sales AgentPatricio SimpsonUSA
66Sales AgentPatricio SimpsonSpain
67Sales ConsultantHanna MoosFrance
68Sales ConsultantPaul HenriotBrazil
69Sales AssociateElizabeth LincolnBulgaria
70Marketing ManagerAntonio MorenoSpain
71OwnerHoward SnyderBrazil
72Sales AssociateElizabeth LincolnGermany
73AccountantHoward SnyderGermany
74OwnerPatricio SimpsonBulgaria
75Marketing ManagerPatricio SimpsonArgentina
76Sales AssociatePascale CartrainUSA
77Sales AssociateJaime YorresEngland
78Sales AgentMatti KarttunenItaly
79Sales AssociatePatricio SimpsonEngland
80Sales AgentPatricio SimpsonArgentina
81Marketing ManagerHoward SnyderSpain
82Sales ManagerMatti KarttunenGermany
83AccountantPaul HenriotAustria
84AccountantPatricio SimpsonFrance
85AccountantAntonio MorenoSpain
86Sales ConsultantJaime YorresItaly
87Sales AgentPascale CartrainUSA
88Sales AssociatePatricio SimpsonBrazil
89Marketing ManagerElizabeth LincolnAustria
90Accounting ManagerMatti KarttunenArgentina
91AccountantJaime YorresItaly
92Marketing ManagerHanna MoosFrance
93Marketing ManagerJaime YorresFrance
94Sales ConsultantAntonio MorenoUSA
95Sales AssociateHoward SnyderUSA
96Sales AssociatePascale CartrainBulgaria
97Sales ConsultantJaime YorresAustria
98OwnerJaime YorresItaly
99Sales AssociatePascale CartrainBulgaria
100Sales ConsultantHoward SnyderItaly
 Item 75001 to 76000 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