Silk skin

Grid - Virtualization

1Accounting ManagerPatricio SimpsonUSA
2Sales AssociateGeorg PippsUSA
3Marketing ManagerMatti KarttunenGermany
4Sales AgentGeorg PippsSpain
5AccountantAntonio MorenoArgentina
6Sales ConsultantPaul HenriotEngland
7Sales AssociateHanna MoosFrance
8Sales ConsultantGeorg PippsUSA
9Sales ManagerHanna MoosUSA
10OwnerHoward SnyderEngland
11Sales ConsultantPatricio SimpsonUSA
12AccountantPascale CartrainBulgaria
13Marketing AssistantHanna MoosBrazil
14Sales AssociatePaul HenriotEngland
15Accounting ManagerAntonio MorenoItaly
16AccountantAntonio MorenoAustria
17Sales AgentMatti KarttunenBrazil
18Marketing AssistantHanna MoosSpain
19Marketing ManagerHanna MoosUSA
20Sales ConsultantHanna MoosBulgaria
21Sales RepresentativePatricio SimpsonSpain
22Sales ConsultantGeorg PippsAustria
23Sales AssociateJaime YorresFrance
24Sales ConsultantPatricio SimpsonBrazil
25Accounting ManagerHoward SnyderFrance
26Sales AgentPaul HenriotGermany
27OwnerGeorg PippsArgentina
28Sales AgentJaime YorresArgentina
29AccountantHoward SnyderEngland
30Accounting ManagerPascale CartrainBulgaria
31Sales ConsultantHanna MoosItaly
32Marketing AssistantPaul HenriotBrazil
33Sales RepresentativeElizabeth LincolnFrance
34Sales ConsultantElizabeth LincolnGermany
35OwnerJaime YorresFrance
36Sales ManagerGeorg PippsSpain
37OwnerJaime YorresAustria
38Marketing ManagerElizabeth LincolnGermany
39Sales AssociateMatti KarttunenBulgaria
40Marketing ManagerHoward SnyderBrazil
41Sales AgentElizabeth LincolnArgentina
42Marketing ManagerPatricio SimpsonSpain
43Accounting ManagerHanna MoosGermany
44Sales RepresentativePatricio SimpsonFrance
45Marketing ManagerJaime YorresSpain
46Accounting ManagerPatricio SimpsonUSA
47Sales ManagerMatti KarttunenBrazil
48Marketing ManagerJaime YorresEngland
49Accounting ManagerPaul HenriotBrazil
50Marketing ManagerJaime YorresItaly
51Sales ConsultantMatti KarttunenBrazil
52AccountantPaul HenriotBrazil
53Sales RepresentativeAntonio MorenoUSA
54OwnerPascale CartrainGermany
55Marketing AssistantGeorg PippsAustria
56Marketing AssistantMatti KarttunenAustria
57Sales RepresentativeJaime YorresGermany
58Sales RepresentativeElizabeth LincolnEngland
59Sales RepresentativePascale CartrainAustria
60Sales RepresentativePascale CartrainBulgaria
61Marketing ManagerHoward SnyderItaly
62Sales ManagerMatti KarttunenBrazil
63Sales ManagerPascale CartrainUSA
64Sales ManagerPaul HenriotEngland
65AccountantPascale CartrainBulgaria
66Marketing AssistantAntonio MorenoArgentina
67Marketing AssistantHanna MoosAustria
68Sales ManagerMatti KarttunenEngland
69Sales AssociateMatti KarttunenBulgaria
70AccountantHoward SnyderItaly
71AccountantMatti KarttunenUSA
72Sales AssociateAntonio MorenoUSA
73Marketing ManagerHanna MoosItaly
74Accounting ManagerMatti KarttunenGermany
75Accounting ManagerHoward SnyderItaly
76OwnerPascale CartrainFrance
77Sales ConsultantMatti KarttunenBrazil
78AccountantPascale CartrainFrance
79Sales ManagerPatricio SimpsonEngland
80AccountantHoward SnyderUSA
81Marketing AssistantPascale CartrainEngland
82AccountantGeorg PippsItaly
83Sales AgentElizabeth LincolnGermany
84Sales AssociateElizabeth LincolnAustria
85Marketing ManagerJaime YorresFrance
86Marketing AssistantPaul HenriotEngland
87Sales AssociateHoward SnyderEngland
88Accounting ManagerJaime YorresEngland
89Marketing AssistantPascale CartrainArgentina
90Sales RepresentativeAntonio MorenoUSA
91Marketing ManagerElizabeth LincolnItaly
92Accounting ManagerHanna MoosEngland
93Marketing AssistantHoward SnyderGermany
94Sales AgentJaime YorresItaly
95Sales RepresentativePascale CartrainSpain
96AccountantAntonio MorenoEngland
97Sales ManagerPaul HenriotEngland
98AccountantPascale CartrainSpain
99Marketing ManagerMatti KarttunenEngland
100Marketing ManagerMatti KarttunenUSA
 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?