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

Virtualization

1AccountantHoward SnyderGermany
2Marketing AssistantMatti KarttunenSpain
3AccountantJaime YorresAustria
4Sales AgentGeorg PippsItaly
5Marketing ManagerPascale CartrainAustria
6Sales ManagerJaime YorresBrazil
7OwnerPatricio SimpsonBulgaria
8Accounting ManagerHanna MoosSpain
9Marketing AssistantJaime YorresGermany
10Sales ManagerJaime YorresBrazil
11Sales AgentJaime YorresAustria
12Sales ManagerPaul HenriotFrance
13OwnerPascale CartrainEngland
14Sales AgentPaul HenriotGermany
15Sales RepresentativeJaime YorresItaly
16Sales ConsultantPatricio SimpsonBrazil
17Marketing ManagerHoward SnyderEngland
18Sales AgentPaul HenriotAustria
19Sales ConsultantHoward SnyderEngland
20Sales ManagerAntonio MorenoFrance
21OwnerPaul HenriotItaly
22OwnerGeorg PippsItaly
23Marketing ManagerPaul HenriotFrance
24Sales AssociateAntonio MorenoGermany
25Sales AssociateGeorg PippsAustria
26Marketing ManagerAntonio MorenoArgentina
27OwnerPaul HenriotBulgaria
28Sales AssociateElizabeth LincolnFrance
29Sales RepresentativeElizabeth LincolnAustria
30Sales ConsultantPaul HenriotUSA
31Sales ManagerPascale CartrainBrazil
32AccountantElizabeth LincolnItaly
33Sales ConsultantJaime YorresBrazil
34Sales AgentMatti KarttunenItaly
35Marketing ManagerHoward SnyderBrazil
36Marketing ManagerPaul HenriotUSA
37Sales RepresentativePascale CartrainUSA
38Marketing AssistantAntonio MorenoUSA
39AccountantPascale CartrainBrazil
40Marketing ManagerHanna MoosBulgaria
41Marketing ManagerJaime YorresUSA
42Accounting ManagerPascale CartrainBulgaria
43Sales ConsultantElizabeth LincolnUSA
44Sales ConsultantJaime YorresItaly
45AccountantHanna MoosEngland
46Marketing ManagerPascale CartrainBulgaria
47Accounting ManagerPascale CartrainItaly
48Sales RepresentativeMatti KarttunenEngland
49Sales AssociateElizabeth LincolnBulgaria
50Sales RepresentativeAntonio MorenoArgentina
51Sales RepresentativeMatti KarttunenFrance
52Accounting ManagerElizabeth LincolnUSA
53Sales AgentPascale CartrainItaly
54AccountantGeorg PippsFrance
55Sales AssociateMatti KarttunenGermany
56Marketing ManagerAntonio MorenoAustria
57Sales AssociatePascale CartrainItaly
58Sales ConsultantGeorg PippsFrance
59Sales ConsultantMatti KarttunenGermany
60Marketing ManagerPatricio SimpsonUSA
61Sales ManagerHanna MoosAustria
62Sales AgentAntonio MorenoUSA
63Accounting ManagerPascale CartrainBulgaria
64Sales AssociateElizabeth LincolnGermany
65Marketing AssistantPatricio SimpsonBrazil
66Sales AssociatePascale CartrainArgentina
67Marketing ManagerPascale CartrainBrazil
68AccountantJaime YorresAustria
69Marketing AssistantJaime YorresSpain
70Accounting ManagerHoward SnyderAustria
71Sales ConsultantHanna MoosUSA
72Sales AssociateHanna MoosUSA
73Sales ManagerHoward SnyderUSA
74Marketing AssistantAntonio MorenoFrance
75Sales ManagerPascale CartrainBulgaria
76Sales AssociateJaime YorresUSA
77Sales RepresentativeJaime YorresEngland
78Sales AssociateAntonio MorenoGermany
79Sales ConsultantPatricio SimpsonBrazil
80Marketing ManagerGeorg PippsSpain
81AccountantPatricio SimpsonItaly
82Sales ManagerPatricio SimpsonBulgaria
83Sales RepresentativeElizabeth LincolnFrance
84Marketing AssistantMatti KarttunenBulgaria
85Sales RepresentativeHoward SnyderBrazil
86Sales AssociateAntonio MorenoBulgaria
87Sales AssociateHanna MoosSpain
88Sales ConsultantHanna MoosBulgaria
89Sales RepresentativePatricio SimpsonBrazil
90Sales RepresentativeMatti KarttunenItaly
91Marketing AssistantAntonio MorenoGermany
92Sales ManagerJaime YorresGermany
93Marketing AssistantGeorg PippsArgentina
94AccountantHoward SnyderBrazil
95Accounting ManagerPascale CartrainItaly
96Marketing ManagerPatricio SimpsonItaly
97OwnerJaime YorresBulgaria
98Sales AssociateElizabeth LincolnItaly
99Sales ManagerElizabeth LincolnBrazil
100Sales AgentHoward SnyderEngland
 Item 99001 to 100000 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