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

Virtualization

1Sales ManagerHoward SnyderUSA
2Sales ManagerMatti KarttunenUSA
3AccountantPaul HenriotFrance
4Sales ConsultantPaul HenriotGermany
5Sales RepresentativePatricio SimpsonGermany
6Sales ConsultantMatti KarttunenGermany
7AccountantPaul HenriotArgentina
8Sales AgentPaul HenriotEngland
9Marketing AssistantHanna MoosAustria
10Sales AgentJaime YorresGermany
11Sales AgentMatti KarttunenAustria
12Marketing AssistantHanna MoosGermany
13Sales AssociatePaul HenriotSpain
14Marketing AssistantMatti KarttunenArgentina
15Sales ManagerPascale CartrainBulgaria
16Sales AgentGeorg PippsFrance
17Marketing AssistantMatti KarttunenUSA
18Accounting ManagerHanna MoosArgentina
19Sales AgentGeorg PippsItaly
20Accounting ManagerGeorg PippsSpain
21Marketing AssistantJaime YorresEngland
22Sales ManagerAntonio MorenoBulgaria
23OwnerAntonio MorenoBulgaria
24Sales RepresentativeElizabeth LincolnBulgaria
25Sales AssociateAntonio MorenoUSA
26Marketing ManagerGeorg PippsItaly
27Marketing ManagerHanna MoosEngland
28Accounting ManagerJaime YorresGermany
29Sales AssociateElizabeth LincolnSpain
30Sales AgentJaime YorresUSA
31AccountantAntonio MorenoEngland
32Marketing AssistantHoward SnyderFrance
33Sales ManagerAntonio MorenoBulgaria
34Sales ConsultantMatti KarttunenItaly
35Sales ManagerElizabeth LincolnArgentina
36Sales ManagerJaime YorresSpain
37AccountantHoward SnyderAustria
38Accounting ManagerAntonio MorenoEngland
39Sales ConsultantJaime YorresFrance
40Sales RepresentativeGeorg PippsUSA
41Sales AssociateMatti KarttunenGermany
42Sales AssociateHoward SnyderBulgaria
43Sales AssociateMatti KarttunenSpain
44Sales ConsultantPatricio SimpsonItaly
45AccountantPascale CartrainGermany
46AccountantHanna MoosGermany
47AccountantHoward SnyderFrance
48Sales ConsultantPatricio SimpsonUSA
49Accounting ManagerAntonio MorenoUSA
50Marketing AssistantPascale CartrainBrazil
51OwnerHanna MoosAustria
52Accounting ManagerHoward SnyderUSA
53Accounting ManagerPaul HenriotUSA
54Sales AgentHoward SnyderFrance
55Sales AssociateHanna MoosFrance
56Sales AgentJaime YorresGermany
57Sales RepresentativePascale CartrainArgentina
58Sales AssociateHoward SnyderAustria
59Sales ConsultantJaime YorresAustria
60Sales AssociateJaime YorresSpain
61OwnerPascale CartrainArgentina
62Accounting ManagerPatricio SimpsonBulgaria
63Sales ConsultantHanna MoosFrance
64AccountantJaime YorresBrazil
65Sales AgentJaime YorresBulgaria
66Sales RepresentativeAntonio MorenoItaly
67Sales AssociateHanna MoosArgentina
68AccountantPaul HenriotBulgaria
69Sales AssociateMatti KarttunenUSA
70Sales AssociateElizabeth LincolnGermany
71OwnerPascale CartrainBrazil
72Marketing AssistantMatti KarttunenGermany
73OwnerHanna MoosArgentina
74Accounting ManagerAntonio MorenoArgentina
75Marketing AssistantPaul HenriotArgentina
76Sales RepresentativeMatti KarttunenSpain
77Marketing AssistantPaul HenriotBulgaria
78Sales RepresentativeElizabeth LincolnGermany
79Sales ConsultantAntonio MorenoGermany
80Sales AssociateHanna MoosEngland
81Accounting ManagerPascale CartrainGermany
82Accounting ManagerMatti KarttunenUSA
83Accounting ManagerJaime YorresBulgaria
84Accounting ManagerHoward SnyderGermany
85AccountantHanna MoosFrance
86Sales AssociateHanna MoosEngland
87Accounting ManagerAntonio MorenoBulgaria
88Marketing ManagerElizabeth LincolnUSA
89Sales AssociatePaul HenriotBrazil
90Marketing ManagerJaime YorresItaly
91Marketing AssistantMatti KarttunenArgentina
92Sales ManagerPascale CartrainAustria
93Sales ConsultantHanna MoosEngland
94OwnerGeorg PippsGermany
95Sales RepresentativeHoward SnyderAustria
96AccountantPatricio SimpsonFrance
97Sales ManagerElizabeth LincolnAustria
98Sales AssociateHoward SnyderAustria
99AccountantGeorg PippsGermany
100Sales AssociateHoward SnyderBulgaria
 Item 1 to 1000 of 300000
Page:
of 300 Page 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