Silk skin

Grid - Virtualization

1Marketing ManagerAntonio MorenoEngland
2Sales ManagerAntonio MorenoBrazil
3Marketing AssistantElizabeth LincolnItaly
4Marketing ManagerHanna MoosArgentina
5Sales AgentPascale CartrainBulgaria
6Sales ConsultantHanna MoosUSA
7Sales RepresentativePascale CartrainSpain
8Sales ConsultantHanna MoosFrance
9Sales AgentHoward SnyderAustria
10Sales RepresentativePascale CartrainUSA
11Marketing AssistantPaul HenriotFrance
12AccountantHoward SnyderBrazil
13Accounting ManagerAntonio MorenoUSA
14OwnerHanna MoosGermany
15Marketing AssistantElizabeth LincolnUSA
16Marketing ManagerPascale CartrainItaly
17Sales AgentAntonio MorenoFrance
18Sales AssociateJaime YorresBulgaria
19Sales AgentElizabeth LincolnSpain
20Marketing ManagerPascale CartrainEngland
21Sales ConsultantPaul HenriotUSA
22Sales AgentPatricio SimpsonFrance
23Marketing AssistantAntonio MorenoAustria
24Sales ManagerGeorg PippsBulgaria
25Marketing ManagerGeorg PippsFrance
26Sales AgentAntonio MorenoUSA
27Sales AgentPaul HenriotArgentina
28Sales AssociateGeorg PippsArgentina
29Sales RepresentativePascale CartrainBulgaria
30OwnerMatti KarttunenItaly
31Sales AgentHanna MoosEngland
32AccountantGeorg PippsArgentina
33Sales ConsultantHanna MoosArgentina
34Accounting ManagerPaul HenriotUSA
35Marketing AssistantPaul HenriotItaly
36Sales AssociateMatti KarttunenItaly
37Marketing ManagerElizabeth LincolnArgentina
38Sales AssociateAntonio MorenoItaly
39Marketing ManagerPaul HenriotFrance
40Sales ConsultantElizabeth LincolnUSA
41AccountantHanna MoosItaly
42OwnerPascale CartrainItaly
43Sales ManagerPascale CartrainSpain
44Sales AssociateJaime YorresAustria
45OwnerJaime YorresUSA
46Sales AgentAntonio MorenoGermany
47Marketing ManagerPaul HenriotAustria
48Sales ConsultantPaul HenriotAustria
49Sales AgentElizabeth LincolnSpain
50Marketing ManagerPascale CartrainItaly
51OwnerPaul HenriotBrazil
52Marketing AssistantPatricio SimpsonSpain
53Sales AgentHoward SnyderBrazil
54Sales ManagerAntonio MorenoFrance
55AccountantPatricio SimpsonBulgaria
56Marketing AssistantMatti KarttunenItaly
57Sales AgentAntonio MorenoSpain
58AccountantMatti KarttunenSpain
59Sales ManagerHanna MoosBulgaria
60Marketing AssistantHanna MoosUSA
61Accounting ManagerPaul HenriotEngland
62Accounting ManagerJaime YorresItaly
63Sales AgentPaul HenriotBrazil
64Sales ManagerMatti KarttunenEngland
65OwnerPascale CartrainBulgaria
66Sales ManagerHanna MoosBrazil
67Sales ManagerPascale CartrainEngland
68Sales AgentPatricio SimpsonBulgaria
69AccountantElizabeth LincolnBrazil
70AccountantHanna MoosEngland
71Sales ConsultantPascale CartrainItaly
72Sales ManagerHoward SnyderBrazil
73Sales RepresentativeJaime YorresSpain
74AccountantPatricio SimpsonAustria
75OwnerAntonio MorenoGermany
76Accounting ManagerElizabeth LincolnUSA
77Sales RepresentativePaul HenriotArgentina
78Marketing ManagerGeorg PippsBulgaria
79Marketing AssistantHanna MoosBrazil
80OwnerPascale CartrainEngland
81Sales AssociateJaime YorresFrance
82Marketing ManagerElizabeth LincolnFrance
83Sales ManagerHoward SnyderItaly
84Sales AgentElizabeth LincolnSpain
85Sales AssociateElizabeth LincolnAustria
86Sales ManagerPaul HenriotArgentina
87OwnerHanna MoosBrazil
88Accounting ManagerPascale CartrainSpain
89Sales AgentPaul HenriotAustria
90Sales AgentMatti KarttunenAustria
91Sales ConsultantPatricio SimpsonUSA
92Marketing AssistantElizabeth LincolnGermany
93Sales AssociateElizabeth LincolnUSA
94Sales RepresentativeGeorg PippsFrance
95Marketing ManagerAntonio MorenoItaly
96Marketing ManagerPatricio SimpsonBrazil
97Sales ManagerPaul HenriotFrance
98Accounting ManagerHoward SnyderBrazil
99Sales RepresentativePaul HenriotFrance
100Accounting ManagerMatti KarttunenArgentina
 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?