Silk skin

Grid - Virtualization

1Marketing ManagerAntonio MorenoSpain
2Sales RepresentativeAntonio MorenoGermany
3Sales RepresentativePascale CartrainItaly
4Accounting ManagerElizabeth LincolnBulgaria
5Sales AgentElizabeth LincolnBulgaria
6Sales ConsultantElizabeth LincolnFrance
7Marketing ManagerPascale CartrainItaly
8Marketing ManagerElizabeth LincolnGermany
9Marketing AssistantGeorg PippsUSA
10OwnerMatti KarttunenArgentina
11OwnerPascale CartrainGermany
12Sales RepresentativeHanna MoosFrance
13OwnerHanna MoosGermany
14Marketing AssistantElizabeth LincolnBrazil
15Marketing AssistantElizabeth LincolnBulgaria
16AccountantPaul HenriotGermany
17Marketing AssistantAntonio MorenoItaly
18Marketing AssistantPatricio SimpsonFrance
19Marketing AssistantHanna MoosArgentina
20Accounting ManagerAntonio MorenoFrance
21Sales ManagerHoward SnyderGermany
22Sales AgentGeorg PippsUSA
23AccountantPatricio SimpsonFrance
24Sales AgentAntonio MorenoGermany
25Sales ManagerJaime YorresItaly
26Accounting ManagerHanna MoosItaly
27Sales AssociateGeorg PippsEngland
28Marketing AssistantHoward SnyderAustria
29OwnerPatricio SimpsonSpain
30Accounting ManagerHanna MoosUSA
31Sales ManagerJaime YorresBulgaria
32OwnerPascale CartrainBrazil
33Sales ManagerHanna MoosBulgaria
34Sales AgentHanna MoosEngland
35Sales ManagerGeorg PippsSpain
36Marketing ManagerPaul HenriotEngland
37Sales RepresentativeElizabeth LincolnSpain
38Marketing AssistantPatricio SimpsonFrance
39Accounting ManagerHoward SnyderItaly
40Sales RepresentativePascale CartrainItaly
41AccountantMatti KarttunenArgentina
42Sales RepresentativePascale CartrainBulgaria
43Marketing ManagerMatti KarttunenItaly
44Marketing AssistantGeorg PippsBulgaria
45OwnerPaul HenriotArgentina
46Marketing AssistantPatricio SimpsonGermany
47Sales AssociatePascale CartrainArgentina
48Sales AgentPascale CartrainGermany
49AccountantElizabeth LincolnUSA
50Sales AssociateAntonio MorenoItaly
51Sales RepresentativeElizabeth LincolnBulgaria
52Sales RepresentativeAntonio MorenoGermany
53Sales RepresentativeMatti KarttunenSpain
54Sales ManagerPaul HenriotSpain
55Sales AgentHoward SnyderUSA
56Sales ConsultantJaime YorresAustria
57Sales ManagerPaul HenriotBrazil
58AccountantElizabeth LincolnBulgaria
59Sales RepresentativePascale CartrainBulgaria
60Sales RepresentativeMatti KarttunenArgentina
61Sales AssociateMatti KarttunenAustria
62Sales ConsultantJaime YorresSpain
63Sales ManagerAntonio MorenoFrance
64Accounting ManagerJaime YorresBrazil
65Marketing ManagerPascale CartrainGermany
66Marketing ManagerJaime YorresEngland
67Sales ManagerHanna MoosUSA
68Accounting ManagerJaime YorresArgentina
69AccountantPatricio SimpsonEngland
70Marketing ManagerJaime YorresItaly
71Accounting ManagerJaime YorresSpain
72Sales AgentMatti KarttunenAustria
73Sales AssociatePatricio SimpsonItaly
74Marketing ManagerJaime YorresAustria
75Accounting ManagerElizabeth LincolnEngland
76Sales ManagerJaime YorresArgentina
77Sales ManagerPascale CartrainArgentina
78Sales AgentPascale CartrainArgentina
79Sales AgentPaul HenriotAustria
80Sales ManagerJaime YorresEngland
81Accounting ManagerHoward SnyderEngland
82Sales ManagerPascale CartrainItaly
83OwnerPascale CartrainItaly
84Marketing ManagerGeorg PippsSpain
85Sales AgentPatricio SimpsonBrazil
86AccountantGeorg PippsBulgaria
87Sales AssociatePatricio SimpsonBrazil
88Accounting ManagerHoward SnyderUSA
89Accounting ManagerPaul HenriotAustria
90OwnerPascale CartrainAustria
91Accounting ManagerMatti KarttunenBulgaria
92Marketing AssistantMatti KarttunenGermany
93Marketing AssistantHanna MoosGermany
94Sales AgentPatricio SimpsonFrance
95Sales ManagerElizabeth LincolnBulgaria
96Sales ManagerAntonio MorenoBulgaria
97Marketing ManagerGeorg PippsUSA
98Sales AssociateHanna MoosBrazil
99Sales ConsultantAntonio MorenoUSA
100OwnerMatti KarttunenBrazil
 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?