Learn how to say "no" to ugly apps with the new R1'18 Telerik release. Sign up for the webinar!

Grid - Virtualization

1Sales RepresentativePatricio SimpsonBulgaria
2AccountantPatricio SimpsonArgentina
3OwnerPascale CartrainItaly
4Sales AgentMatti KarttunenEngland
5AccountantMatti KarttunenAustria
6AccountantHanna MoosGermany
7OwnerGeorg PippsSpain
8OwnerJaime YorresBulgaria
9OwnerMatti KarttunenGermany
10Accounting ManagerJaime YorresArgentina
11OwnerPatricio SimpsonEngland
12Sales AgentPatricio SimpsonFrance
13OwnerGeorg PippsSpain
14Accounting ManagerElizabeth LincolnBulgaria
15Accounting ManagerGeorg PippsUSA
16Sales ManagerPatricio SimpsonGermany
17Accounting ManagerHanna MoosSpain
18Sales AgentHoward SnyderBrazil
19Marketing ManagerGeorg PippsGermany
20Sales AssociateJaime YorresItaly
21Sales RepresentativeHanna MoosBrazil
22AccountantElizabeth LincolnBrazil
23Sales AssociateElizabeth LincolnSpain
24Sales ManagerPaul HenriotBrazil
25AccountantPascale CartrainGermany
26Sales AssociateHoward SnyderBulgaria
27Sales ManagerElizabeth LincolnBulgaria
28OwnerHanna MoosBulgaria
29OwnerPascale CartrainGermany
30Sales ConsultantPascale CartrainFrance
31Marketing AssistantGeorg PippsAustria
32AccountantPascale CartrainArgentina
33Sales AssociateAntonio MorenoAustria
34Accounting ManagerElizabeth LincolnAustria
35Sales ManagerPatricio SimpsonGermany
36Accounting ManagerHoward SnyderEngland
37Marketing ManagerPaul HenriotBrazil
38Sales AssociateElizabeth LincolnUSA
39Marketing AssistantPatricio SimpsonSpain
40Sales ConsultantPatricio SimpsonItaly
41Sales RepresentativeHanna MoosBulgaria
42Sales AssociateHanna MoosArgentina
43Marketing ManagerMatti KarttunenSpain
44Sales ConsultantMatti KarttunenUSA
45Sales ManagerPaul HenriotAustria
46Accounting ManagerHoward SnyderAustria
47Sales RepresentativePascale CartrainSpain
48Marketing ManagerPatricio SimpsonArgentina
49Sales ConsultantMatti KarttunenUSA
50Sales ConsultantPaul HenriotFrance
51Sales AssociateGeorg PippsArgentina
52AccountantAntonio MorenoItaly
53Marketing AssistantHanna MoosBulgaria
54AccountantJaime YorresAustria
55Marketing AssistantAntonio MorenoBulgaria
56Sales AgentMatti KarttunenUSA
57OwnerPaul HenriotUSA
58Sales RepresentativeHanna MoosBulgaria
59Sales RepresentativeHanna MoosGermany
60Sales AssociatePascale CartrainAustria
61Sales ConsultantHoward SnyderFrance
62Sales AgentPaul HenriotItaly
63Sales AgentHoward SnyderBrazil
64Sales ConsultantJaime YorresBrazil
65Sales AgentPatricio SimpsonSpain
66Sales AgentGeorg PippsSpain
67Sales AssociatePatricio SimpsonBulgaria
68Sales ConsultantPatricio SimpsonSpain
69Marketing AssistantHanna MoosFrance
70Accounting ManagerAntonio MorenoEngland
71Accounting ManagerAntonio MorenoBrazil
72Accounting ManagerHanna MoosGermany
73Sales ConsultantGeorg PippsGermany
74Marketing AssistantJaime YorresSpain
75Sales ConsultantHanna MoosItaly
76OwnerAntonio MorenoBulgaria
77Accounting ManagerPatricio SimpsonBulgaria
78Accounting ManagerPaul HenriotItaly
79Marketing AssistantHoward SnyderUSA
80OwnerGeorg PippsEngland
81Marketing ManagerPatricio SimpsonItaly
82AccountantGeorg PippsBulgaria
83Accounting ManagerPaul HenriotBrazil
84OwnerAntonio MorenoItaly
85Sales AssociateMatti KarttunenArgentina
86Marketing AssistantMatti KarttunenBrazil
87Sales RepresentativePatricio SimpsonGermany
88Sales RepresentativeGeorg PippsUSA
89Sales RepresentativeElizabeth LincolnFrance
90Sales ConsultantJaime YorresBrazil
91AccountantPaul HenriotItaly
92Marketing ManagerPaul HenriotItaly
93OwnerHoward SnyderBrazil
94Marketing AssistantPascale CartrainItaly
95Sales AssociateAntonio MorenoUSA
96Accounting ManagerElizabeth LincolnFrance
97Sales ConsultantHoward SnyderFrance
98Sales AgentAntonio MorenoGermany
99Marketing ManagerHoward SnyderItaly
100Marketing AssistantJaime YorresFrance
 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?