Silk skin

Grid - Virtualization

1Sales RepresentativeGeorg PippsItaly
2Sales AssociateMatti KarttunenEngland
3Marketing ManagerPascale CartrainUSA
4Marketing ManagerPaul HenriotBrazil
5Marketing ManagerHoward SnyderBulgaria
6Marketing AssistantHoward SnyderEngland
7Sales RepresentativeMatti KarttunenAustria
8Marketing ManagerJaime YorresSpain
9Marketing ManagerElizabeth LincolnArgentina
10Sales ConsultantGeorg PippsAustria
11AccountantJaime YorresFrance
12Sales ConsultantHanna MoosItaly
13Sales ManagerHoward SnyderAustria
14Sales RepresentativePatricio SimpsonUSA
15OwnerHanna MoosBulgaria
16Sales RepresentativeJaime YorresSpain
17Marketing AssistantGeorg PippsGermany
18Sales ConsultantPaul HenriotItaly
19Sales AgentGeorg PippsUSA
20Marketing AssistantPascale CartrainBulgaria
21Sales AssociateElizabeth LincolnEngland
22Sales ConsultantPascale CartrainAustria
23Marketing ManagerPaul HenriotItaly
24Accounting ManagerPaul HenriotItaly
25Sales ManagerHanna MoosArgentina
26AccountantHanna MoosBrazil
27Sales AssociateHoward SnyderEngland
28Sales ConsultantAntonio MorenoEngland
29Sales ManagerPascale CartrainItaly
30Marketing AssistantMatti KarttunenEngland
31Marketing ManagerPascale CartrainAustria
32Sales RepresentativeHanna MoosArgentina
33Sales AssociateGeorg PippsFrance
34OwnerJaime YorresGermany
35Sales ConsultantPascale CartrainSpain
36Sales ManagerElizabeth LincolnGermany
37Marketing AssistantPaul HenriotBrazil
38Sales ConsultantHoward SnyderAustria
39OwnerHanna MoosItaly
40Marketing ManagerGeorg PippsBulgaria
41Marketing AssistantPascale CartrainItaly
42Marketing ManagerJaime YorresBrazil
43Marketing ManagerMatti KarttunenArgentina
44Sales AssociatePascale CartrainBulgaria
45Accounting ManagerPascale CartrainArgentina
46Sales AgentJaime YorresAustria
47AccountantElizabeth LincolnGermany
48OwnerJaime YorresBulgaria
49Marketing AssistantElizabeth LincolnAustria
50Sales AssociateJaime YorresBulgaria
51Sales ManagerJaime YorresUSA
52AccountantPatricio SimpsonSpain
53Sales AgentHanna MoosFrance
54Sales ConsultantPascale CartrainSpain
55AccountantJaime YorresBulgaria
56OwnerMatti KarttunenEngland
57Accounting ManagerMatti KarttunenItaly
58Sales ConsultantElizabeth LincolnItaly
59AccountantHoward SnyderEngland
60Sales ManagerPascale CartrainUSA
61AccountantMatti KarttunenFrance
62AccountantHanna MoosBrazil
63Sales AgentJaime YorresBulgaria
64Marketing AssistantGeorg PippsBrazil
65Sales AgentGeorg PippsBrazil
66Sales ManagerAntonio MorenoAustria
67OwnerGeorg PippsGermany
68Sales ManagerJaime YorresEngland
69Marketing AssistantGeorg PippsSpain
70Sales ConsultantJaime YorresAustria
71Sales RepresentativeJaime YorresArgentina
72Sales AssociatePascale CartrainGermany
73Sales ManagerPaul HenriotGermany
74Marketing AssistantPascale CartrainEngland
75Sales ConsultantMatti KarttunenItaly
76Sales AssociatePaul HenriotSpain
77OwnerAntonio MorenoSpain
78Sales AssociateElizabeth LincolnAustria
79Sales ConsultantPaul HenriotBrazil
80Sales ManagerPascale CartrainSpain
81OwnerAntonio MorenoItaly
82Sales AssociateHoward SnyderEngland
83Marketing AssistantPascale CartrainArgentina
84Marketing ManagerPatricio SimpsonSpain
85Sales AssociatePaul HenriotBrazil
86Sales AssociateJaime YorresSpain
87Accounting ManagerPatricio SimpsonAustria
88OwnerPatricio SimpsonEngland
89Sales ManagerHanna MoosSpain
90Marketing ManagerPatricio SimpsonBulgaria
91Marketing ManagerPascale CartrainEngland
92OwnerHoward SnyderBulgaria
93Sales ConsultantHanna MoosSpain
94OwnerGeorg PippsAustria
95Accounting ManagerElizabeth LincolnUSA
96OwnerHanna MoosBrazil
97Sales AgentPatricio SimpsonSpain
98Accounting ManagerHanna MoosFrance
99Marketing AssistantPaul HenriotItaly
100Sales ManagerPatricio SimpsonEngland
 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?