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

Virtualization

1Sales RepresentativePascale CartrainBrazil
2Sales RepresentativeAntonio MorenoSpain
3Sales ManagerPatricio SimpsonArgentina
4Sales ConsultantPaul HenriotBrazil
5OwnerPaul HenriotArgentina
6Sales AgentHoward SnyderSpain
7Sales RepresentativePatricio SimpsonUSA
8Sales RepresentativePatricio SimpsonUSA
9OwnerGeorg PippsBrazil
10AccountantPascale CartrainBrazil
11OwnerHanna MoosEngland
12Sales AgentAntonio MorenoEngland
13Marketing AssistantPatricio SimpsonArgentina
14Sales RepresentativeGeorg PippsBulgaria
15OwnerHoward SnyderGermany
16Marketing AssistantJaime YorresBrazil
17Sales ManagerAntonio MorenoEngland
18OwnerHanna MoosArgentina
19Sales AssociateGeorg PippsUSA
20Sales AgentPascale CartrainItaly
21Sales AgentPaul HenriotGermany
22Marketing AssistantHanna MoosEngland
23Sales ManagerHanna MoosBrazil
24Sales ManagerJaime YorresSpain
25Sales RepresentativePatricio SimpsonArgentina
26Marketing ManagerGeorg PippsFrance
27OwnerJaime YorresEngland
28Sales ManagerElizabeth LincolnAustria
29Marketing ManagerHanna MoosUSA
30Sales AgentAntonio MorenoGermany
31Marketing AssistantElizabeth LincolnUSA
32Marketing ManagerJaime YorresGermany
33Sales RepresentativePaul HenriotFrance
34AccountantPatricio SimpsonAustria
35AccountantGeorg PippsAustria
36Sales ConsultantMatti KarttunenUSA
37Sales ManagerHanna MoosFrance
38OwnerPatricio SimpsonEngland
39Sales RepresentativeElizabeth LincolnSpain
40OwnerJaime YorresSpain
41AccountantPatricio SimpsonItaly
42Sales ManagerHanna MoosBulgaria
43Marketing ManagerElizabeth LincolnEngland
44Accounting ManagerJaime YorresItaly
45OwnerPatricio SimpsonSpain
46Sales RepresentativeElizabeth LincolnEngland
47AccountantMatti KarttunenAustria
48OwnerHanna MoosBulgaria
49Sales AssociatePascale CartrainFrance
50Sales AssociatePascale CartrainBulgaria
51Accounting ManagerHoward SnyderEngland
52OwnerGeorg PippsFrance
53Sales AssociatePascale CartrainFrance
54Marketing AssistantGeorg PippsUSA
55Marketing AssistantGeorg PippsGermany
56OwnerPatricio SimpsonEngland
57OwnerPaul HenriotSpain
58AccountantElizabeth LincolnFrance
59OwnerElizabeth LincolnSpain
60AccountantAntonio MorenoEngland
61Accounting ManagerElizabeth LincolnBulgaria
62Marketing ManagerElizabeth LincolnUSA
63OwnerPatricio SimpsonUSA
64Sales ManagerPatricio SimpsonSpain
65Sales ManagerHanna MoosItaly
66Sales ConsultantPaul HenriotUSA
67AccountantHoward SnyderArgentina
68AccountantHanna MoosSpain
69Accounting ManagerElizabeth LincolnUSA
70Sales AgentPascale CartrainItaly
71AccountantGeorg PippsBulgaria
72Sales ManagerPascale CartrainAustria
73Sales AgentHanna MoosAustria
74Marketing ManagerAntonio MorenoAustria
75Marketing AssistantMatti KarttunenGermany
76OwnerGeorg PippsAustria
77OwnerPaul HenriotSpain
78Sales ManagerHanna MoosUSA
79Accounting ManagerPascale CartrainBrazil
80Accounting ManagerHanna MoosUSA
81AccountantElizabeth LincolnItaly
82Sales AssociateAntonio MorenoGermany
83Sales ConsultantJaime YorresFrance
84Sales ManagerMatti KarttunenItaly
85OwnerHanna MoosGermany
86Marketing AssistantPatricio SimpsonItaly
87Sales AgentPascale CartrainGermany
88Sales RepresentativeElizabeth LincolnFrance
89Sales AssociatePatricio SimpsonBulgaria
90Marketing ManagerJaime YorresAustria
91Sales ConsultantPatricio SimpsonItaly
92Sales AssociatePatricio SimpsonUSA
93Sales AssociateJaime YorresUSA
94Accounting ManagerHanna MoosAustria
95AccountantPaul HenriotBulgaria
96Sales AssociateAntonio MorenoArgentina
97Accounting ManagerMatti KarttunenGermany
98Marketing AssistantJaime YorresAustria
99OwnerHanna MoosItaly
100Sales ManagerPatricio SimpsonItaly
 Item 202001 to 203000 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