See Technical Demos of the New Features in the DevCraft R1 2017 Release Webinar. Save Your Seat!

Grid - Virtualization

1Sales RepresentativeMatti KarttunenAustria
2Accounting ManagerGeorg PippsArgentina
3Sales ManagerPatricio SimpsonUSA
4Sales AssociateAntonio MorenoEngland
5Sales ConsultantJaime YorresUSA
6Marketing AssistantElizabeth LincolnAustria
7Marketing AssistantPaul HenriotAustria
8Accounting ManagerElizabeth LincolnUSA
9OwnerGeorg PippsBrazil
10Sales AgentPatricio SimpsonFrance
11Accounting ManagerAntonio MorenoBrazil
12Sales ConsultantHoward SnyderSpain
13Sales AssociatePaul HenriotArgentina
14Marketing ManagerPatricio SimpsonAustria
15Sales ConsultantGeorg PippsUSA
16Sales AgentPascale CartrainArgentina
17OwnerPaul HenriotGermany
18Sales ManagerPascale CartrainItaly
19Sales AssociateElizabeth LincolnBrazil
20Sales ConsultantJaime YorresBulgaria
21Sales ConsultantPaul HenriotBrazil
22OwnerPatricio SimpsonAustria
23Marketing ManagerElizabeth LincolnAustria
24Marketing ManagerPaul HenriotFrance
25Sales AgentPatricio SimpsonUSA
26Marketing ManagerMatti KarttunenBulgaria
27Sales ManagerPaul HenriotFrance
28AccountantJaime YorresSpain
29OwnerPatricio SimpsonItaly
30Sales AssociateAntonio MorenoBulgaria
31Sales AssociatePascale CartrainEngland
32AccountantPatricio SimpsonBulgaria
33Marketing AssistantPaul HenriotBrazil
34Sales AgentJaime YorresBulgaria
35AccountantPaul HenriotUSA
36Sales ManagerAntonio MorenoBulgaria
37Marketing AssistantPatricio SimpsonSpain
38Sales AssociateHanna MoosSpain
39Sales ManagerMatti KarttunenArgentina
40Sales RepresentativeGeorg PippsAustria
41Marketing ManagerMatti KarttunenUSA
42Marketing ManagerPaul HenriotBrazil
43Sales ConsultantGeorg PippsBrazil
44AccountantGeorg PippsArgentina
45AccountantAntonio MorenoEngland
46AccountantHoward SnyderFrance
47Marketing ManagerHanna MoosGermany
48Accounting ManagerHoward SnyderSpain
49AccountantHanna MoosUSA
50Sales AssociateGeorg PippsItaly
51Marketing AssistantHanna MoosBulgaria
52Sales ConsultantPaul HenriotSpain
53Sales RepresentativeJaime YorresBulgaria
54Sales AssociatePascale CartrainUSA
55Sales ManagerPaul HenriotItaly
56Sales ManagerAntonio MorenoItaly
57Accounting ManagerHoward SnyderEngland
58Sales RepresentativeJaime YorresEngland
59Sales ManagerPatricio SimpsonArgentina
60Accounting ManagerJaime YorresBrazil
61AccountantElizabeth LincolnArgentina
62AccountantHoward SnyderAustria
63Sales AssociatePaul HenriotGermany
64Sales RepresentativeMatti KarttunenBrazil
65AccountantPaul HenriotArgentina
66Marketing AssistantMatti KarttunenFrance
67Marketing ManagerAntonio MorenoAustria
68Sales ConsultantJaime YorresGermany
69Sales ManagerPatricio SimpsonUSA
70OwnerElizabeth LincolnBulgaria
71Sales ManagerPaul HenriotEngland
72Sales RepresentativeHoward SnyderArgentina
73Sales RepresentativePascale CartrainAustria
74Marketing AssistantJaime YorresEngland
75Marketing ManagerAntonio MorenoAustria
76Accounting ManagerHoward SnyderSpain
77Sales AssociateGeorg PippsBulgaria
78AccountantAntonio MorenoArgentina
79Accounting ManagerJaime YorresBrazil
80OwnerElizabeth LincolnUSA
81Accounting ManagerPaul HenriotBulgaria
82Marketing AssistantPascale CartrainSpain
83Sales ConsultantPatricio SimpsonEngland
84Sales AssociatePatricio SimpsonGermany
85Sales ManagerPatricio SimpsonArgentina
86Sales RepresentativeHanna MoosEngland
87Sales ConsultantMatti KarttunenBulgaria
88Sales ConsultantPaul HenriotBulgaria
89OwnerPascale CartrainFrance
90Sales RepresentativePascale CartrainArgentina
91Marketing AssistantAntonio MorenoGermany
92Sales AssociateAntonio MorenoItaly
93Sales ConsultantMatti KarttunenFrance
94OwnerPatricio SimpsonItaly
95Sales ConsultantGeorg PippsSpain
96Sales AssociatePascale CartrainBulgaria
97OwnerHoward SnyderEngland
98Sales AssociateElizabeth LincolnArgentina
99Accounting ManagerMatti KarttunenAustria
100Sales AssociatePatricio SimpsonUSA
 Item 1 to 1000 of 300000
Page:
of 300 Page size:
  • Sort Ascending
  • Sort Descending
  • Clear Sorting
  • Columns
Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB
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 PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<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>

Find Assistance

Help Us Improve

Was this example helpful?