Silk skin

Grid - Virtualization

1Accounting ManagerMatti KarttunenGermany
2Sales AssociatePatricio SimpsonBulgaria
3AccountantElizabeth LincolnSpain
4Sales RepresentativeHanna MoosFrance
5AccountantElizabeth LincolnSpain
6OwnerAntonio MorenoArgentina
7Sales ConsultantPaul HenriotArgentina
8OwnerPascale CartrainEngland
9AccountantMatti KarttunenBulgaria
10Marketing AssistantElizabeth LincolnGermany
11Accounting ManagerPascale CartrainFrance
12Accounting ManagerAntonio MorenoSpain
13AccountantPatricio SimpsonSpain
14Accounting ManagerAntonio MorenoAustria
15AccountantPaul HenriotArgentina
16Accounting ManagerHoward SnyderSpain
17Sales AgentAntonio MorenoBrazil
18Marketing AssistantAntonio MorenoBrazil
19Sales AgentElizabeth LincolnGermany
20Sales AssociateHanna MoosUSA
21OwnerHoward SnyderUSA
22Marketing AssistantJaime YorresSpain
23Accounting ManagerHoward SnyderItaly
24Sales AssociateGeorg PippsSpain
25OwnerAntonio MorenoBrazil
26Sales ManagerHoward SnyderAustria
27OwnerHanna MoosAustria
28Sales RepresentativeHanna MoosItaly
29OwnerMatti KarttunenUSA
30Sales AgentPaul HenriotAustria
31Sales RepresentativeGeorg PippsBrazil
32Sales ConsultantGeorg PippsGermany
33Sales ManagerMatti KarttunenEngland
34Sales ConsultantHoward SnyderFrance
35AccountantElizabeth LincolnAustria
36Sales ManagerHoward SnyderEngland
37Sales RepresentativePaul HenriotSpain
38Accounting ManagerGeorg PippsItaly
39OwnerGeorg PippsSpain
40Marketing ManagerHanna MoosGermany
41Marketing ManagerPaul HenriotBulgaria
42Marketing ManagerJaime YorresAustria
43AccountantPaul HenriotBrazil
44Accounting ManagerJaime YorresSpain
45Marketing ManagerHanna MoosItaly
46Marketing ManagerGeorg PippsEngland
47Sales RepresentativePaul HenriotFrance
48Sales RepresentativeGeorg PippsSpain
49AccountantPatricio SimpsonAustria
50Marketing ManagerGeorg PippsGermany
51Accounting ManagerPaul HenriotArgentina
52Sales RepresentativeAntonio MorenoGermany
53Sales AssociateGeorg PippsSpain
54Sales ManagerElizabeth LincolnItaly
55Sales RepresentativeHoward SnyderBulgaria
56AccountantMatti KarttunenItaly
57Sales AssociateMatti KarttunenSpain
58OwnerPatricio SimpsonAustria
59Sales ManagerPaul HenriotFrance
60Accounting ManagerAntonio MorenoItaly
61AccountantHoward SnyderBrazil
62Sales AgentHanna MoosItaly
63Marketing AssistantHanna MoosAustria
64Accounting ManagerPatricio SimpsonEngland
65Marketing AssistantPascale CartrainSpain
66Accounting ManagerGeorg PippsItaly
67Sales ConsultantGeorg PippsEngland
68AccountantGeorg PippsBrazil
69Marketing ManagerMatti KarttunenAustria
70OwnerPascale CartrainAustria
71Marketing AssistantGeorg PippsItaly
72Accounting ManagerHoward SnyderFrance
73OwnerPaul HenriotArgentina
74Marketing ManagerPascale CartrainBulgaria
75Sales RepresentativeHanna MoosEngland
76OwnerPaul HenriotAustria
77Sales AssociatePatricio SimpsonUSA
78Sales ConsultantJaime YorresArgentina
79Sales ManagerAntonio MorenoBulgaria
80Marketing ManagerJaime YorresAustria
81Marketing ManagerHoward SnyderArgentina
82Sales AssociatePascale CartrainBrazil
83Accounting ManagerGeorg PippsBrazil
84Sales AssociateHanna MoosEngland
85Sales AssociatePatricio SimpsonAustria
86Sales AgentGeorg PippsFrance
87Marketing ManagerPaul HenriotEngland
88Sales AssociatePascale CartrainBulgaria
89Marketing AssistantAntonio MorenoBulgaria
90Marketing AssistantGeorg PippsArgentina
91Sales AgentJaime YorresUSA
92Accounting ManagerHanna MoosItaly
93Sales AgentHoward SnyderBulgaria
94AccountantGeorg PippsGermany
95Sales RepresentativeMatti KarttunenEngland
96Marketing AssistantPatricio SimpsonAustria
97Sales ConsultantPaul HenriotGermany
98Sales AgentPatricio SimpsonSpain
99Sales ManagerMatti KarttunenEngland
100Accounting ManagerPascale CartrainFrance
 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?