Silk skin

Grid - Virtualization

1Sales RepresentativeHoward SnyderAustria
2Accounting ManagerMatti KarttunenUSA
3Sales ManagerGeorg PippsBulgaria
4Sales RepresentativeGeorg PippsAustria
5Sales RepresentativePascale CartrainBrazil
6OwnerPatricio SimpsonSpain
7Sales ConsultantElizabeth LincolnBulgaria
8Sales ConsultantPatricio SimpsonUSA
9Sales AssociateJaime YorresArgentina
10OwnerJaime YorresFrance
11Accounting ManagerJaime YorresBulgaria
12OwnerJaime YorresFrance
13AccountantPascale CartrainBulgaria
14Sales ManagerJaime YorresSpain
15Sales RepresentativeElizabeth LincolnFrance
16Sales RepresentativeJaime YorresBulgaria
17Sales AgentPaul HenriotBulgaria
18Sales AgentJaime YorresArgentina
19Sales ManagerElizabeth LincolnAustria
20OwnerElizabeth LincolnFrance
21Sales ConsultantJaime YorresAustria
22Sales RepresentativeElizabeth LincolnItaly
23Sales AssociateJaime YorresGermany
24Sales ManagerGeorg PippsFrance
25Sales AssociateHanna MoosItaly
26Sales AgentPaul HenriotItaly
27Sales ConsultantElizabeth LincolnSpain
28Marketing AssistantJaime YorresItaly
29Marketing ManagerHoward SnyderAustria
30Sales ManagerGeorg PippsBrazil
31Sales RepresentativeHanna MoosBrazil
32Sales ConsultantHoward SnyderBulgaria
33Sales AssociateGeorg PippsGermany
34Sales AgentGeorg PippsBulgaria
35Marketing AssistantHanna MoosUSA
36Sales ConsultantPatricio SimpsonArgentina
37OwnerGeorg PippsUSA
38Marketing AssistantAntonio MorenoUSA
39Sales RepresentativeGeorg PippsBulgaria
40Sales ConsultantHoward SnyderBrazil
41AccountantPaul HenriotItaly
42Sales ManagerMatti KarttunenArgentina
43Marketing ManagerMatti KarttunenGermany
44Sales RepresentativeGeorg PippsGermany
45Sales ManagerHoward SnyderBrazil
46OwnerJaime YorresGermany
47Sales AgentMatti KarttunenBrazil
48Marketing AssistantPatricio SimpsonArgentina
49OwnerJaime YorresUSA
50OwnerGeorg PippsBrazil
51Accounting ManagerJaime YorresAustria
52Sales RepresentativeHoward SnyderBulgaria
53OwnerHanna MoosUSA
54Sales ManagerPascale CartrainBulgaria
55Sales AssociateElizabeth LincolnArgentina
56Sales ManagerPaul HenriotGermany
57Sales ConsultantMatti KarttunenBrazil
58Accounting ManagerHanna MoosItaly
59Sales AssociateHoward SnyderAustria
60OwnerHoward SnyderArgentina
61Sales AgentPatricio SimpsonGermany
62Sales AgentJaime YorresItaly
63Marketing AssistantPaul HenriotAustria
64OwnerMatti KarttunenEngland
65Accounting ManagerPascale CartrainSpain
66Sales AssociateElizabeth LincolnAustria
67Marketing AssistantElizabeth LincolnFrance
68Marketing AssistantGeorg PippsEngland
69Sales AssociateHoward SnyderItaly
70Sales ConsultantJaime YorresEngland
71Sales AssociatePascale CartrainBrazil
72Sales ConsultantHoward SnyderAustria
73Marketing ManagerPascale CartrainUSA
74Accounting ManagerHanna MoosAustria
75Sales ConsultantPascale CartrainItaly
76Sales RepresentativeHanna MoosUSA
77Marketing ManagerAntonio MorenoUSA
78Sales ManagerGeorg PippsBulgaria
79Marketing ManagerAntonio MorenoEngland
80Marketing ManagerPascale CartrainEngland
81Accounting ManagerPascale CartrainItaly
82Sales ManagerPaul HenriotItaly
83Marketing AssistantMatti KarttunenAustria
84Sales ConsultantHanna MoosGermany
85Marketing AssistantPascale CartrainAustria
86OwnerPascale CartrainItaly
87Sales ManagerMatti KarttunenAustria
88Sales AgentGeorg PippsGermany
89Sales ManagerGeorg PippsBrazil
90AccountantAntonio MorenoBrazil
91Accounting ManagerPascale CartrainEngland
92Sales AssociateMatti KarttunenBulgaria
93AccountantHanna MoosSpain
94Sales RepresentativeMatti KarttunenBrazil
95OwnerPaul HenriotEngland
96Marketing ManagerHanna MoosGermany
97Marketing ManagerAntonio MorenoFrance
98AccountantPatricio SimpsonUSA
99Sales ConsultantJaime YorresUSA
100Sales RepresentativePatricio SimpsonItaly
 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?