Grid - Virtualization

1Sales ConsultantAntonio MorenoGermany
2Sales AgentGeorg PippsItaly
3Marketing AssistantHoward SnyderGermany
4Sales AssociateElizabeth LincolnBrazil
5Sales ConsultantAntonio MorenoAustria
6Sales ManagerJaime YorresFrance
7Sales AgentElizabeth LincolnSpain
8Accounting ManagerElizabeth LincolnEngland
9Sales ConsultantPascale CartrainBulgaria
10OwnerElizabeth LincolnBulgaria
11Sales AgentJaime YorresAustria
12Accounting ManagerAntonio MorenoFrance
13OwnerElizabeth LincolnSpain
14Sales AssociatePatricio SimpsonItaly
15Sales AssociateJaime YorresSpain
16OwnerGeorg PippsEngland
17Marketing ManagerJaime YorresGermany
18Sales AssociateAntonio MorenoGermany
19OwnerHanna MoosFrance
20AccountantHoward SnyderSpain
21Sales ManagerPaul HenriotSpain
22OwnerGeorg PippsEngland
23Sales AgentAntonio MorenoFrance
24Marketing ManagerPatricio SimpsonFrance
25Sales ManagerHoward SnyderBulgaria
26Sales AssociateJaime YorresBulgaria
27OwnerAntonio MorenoBulgaria
28Marketing AssistantMatti KarttunenSpain
29Sales RepresentativeElizabeth LincolnFrance
30Accounting ManagerPatricio SimpsonUSA
31Sales RepresentativePaul HenriotUSA
32AccountantGeorg PippsFrance
33Sales ConsultantJaime YorresUSA
34OwnerHanna MoosFrance
35Accounting ManagerMatti KarttunenAustria
36Accounting ManagerElizabeth LincolnItaly
37Sales AssociateElizabeth LincolnItaly
38Sales AgentGeorg PippsFrance
39Sales AgentElizabeth LincolnFrance
40Sales AssociateHoward SnyderUSA
41Sales ConsultantMatti KarttunenAustria
42OwnerPascale CartrainAustria
43Marketing ManagerJaime YorresBrazil
44Marketing AssistantJaime YorresSpain
45Sales ConsultantHanna MoosGermany
46Sales AgentGeorg PippsUSA
47Marketing AssistantGeorg PippsArgentina
48Accounting ManagerAntonio MorenoBulgaria
49Marketing ManagerAntonio MorenoUSA
50Sales ConsultantHoward SnyderEngland
51Marketing ManagerMatti KarttunenGermany
52OwnerGeorg PippsBulgaria
53Accounting ManagerHanna MoosAustria
54OwnerJaime YorresFrance
55Sales AgentPatricio SimpsonSpain
56Marketing ManagerAntonio MorenoEngland
57Sales ConsultantElizabeth LincolnUSA
58Marketing ManagerHoward SnyderSpain
59Sales RepresentativePascale CartrainUSA
60AccountantMatti KarttunenItaly
61Sales ConsultantPaul HenriotGermany
62AccountantHanna MoosGermany
63Marketing AssistantHanna MoosSpain
64Marketing AssistantGeorg PippsAustria
65Sales ConsultantHoward SnyderEngland
66Sales ManagerAntonio MorenoBulgaria
67Sales ConsultantAntonio MorenoItaly
68Sales RepresentativeHoward SnyderAustria
69Sales ManagerJaime YorresArgentina
70Sales RepresentativePascale CartrainFrance
71Sales ManagerPatricio SimpsonGermany
72Marketing AssistantHanna MoosEngland
73Sales RepresentativeGeorg PippsAustria
74AccountantMatti KarttunenArgentina
75Sales RepresentativeHanna MoosBrazil
76Marketing ManagerElizabeth LincolnSpain
77Accounting ManagerGeorg PippsAustria
78Accounting ManagerPascale CartrainUSA
79Marketing ManagerHoward SnyderArgentina
80Sales RepresentativeAntonio MorenoBrazil
81Accounting ManagerHoward SnyderEngland
82Marketing AssistantElizabeth LincolnGermany
83Sales ManagerMatti KarttunenArgentina
84Sales ManagerMatti KarttunenGermany
85AccountantPatricio SimpsonArgentina
86Sales ManagerPascale CartrainUSA
87Sales RepresentativePascale CartrainBulgaria
88OwnerMatti KarttunenAustria
89AccountantMatti KarttunenArgentina
90Sales ManagerElizabeth LincolnFrance
91Sales ConsultantHanna MoosFrance
92OwnerMatti KarttunenBrazil
93OwnerAntonio MorenoBulgaria
94Sales RepresentativeHoward SnyderAustria
95Accounting ManagerPascale CartrainItaly
96Marketing AssistantPascale CartrainUSA
97Marketing ManagerMatti KarttunenBulgaria
98AccountantPascale CartrainArgentina
99Marketing AssistantJaime YorresFrance
100Marketing ManagerJaime YorresBulgaria
 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?