Windows7 skin

Grid - Virtualization

1Sales ConsultantPaul HenriotAustria
2Sales ManagerPaul HenriotItaly
3Sales ConsultantHoward SnyderItaly
4Sales ConsultantAntonio MorenoFrance
5Marketing ManagerElizabeth LincolnEngland
6Sales AssociatePascale CartrainFrance
7Sales RepresentativeHanna MoosArgentina
8OwnerElizabeth LincolnSpain
9Sales ManagerGeorg PippsItaly
10Marketing ManagerJaime YorresEngland
11Sales AgentPaul HenriotUSA
12Sales ConsultantJaime YorresFrance
13Sales AgentElizabeth LincolnUSA
14Accounting ManagerAntonio MorenoBrazil
15Sales AgentGeorg PippsGermany
16Sales AgentPaul HenriotEngland
17Marketing ManagerHoward SnyderGermany
18Sales ManagerGeorg PippsEngland
19AccountantHanna MoosItaly
20Marketing ManagerElizabeth LincolnFrance
21Marketing ManagerPatricio SimpsonBulgaria
22Marketing ManagerHoward SnyderSpain
23Sales ManagerMatti KarttunenUSA
24Sales ManagerMatti KarttunenGermany
25Marketing AssistantPatricio SimpsonEngland
26Sales AgentHoward SnyderArgentina
27Sales AssociatePascale CartrainFrance
28Accounting ManagerAntonio MorenoArgentina
29OwnerHoward SnyderBrazil
30Sales RepresentativePatricio SimpsonSpain
31Sales ConsultantElizabeth LincolnFrance
32Sales AssociatePatricio SimpsonEngland
33Sales AssociateHoward SnyderFrance
34Accounting ManagerHoward SnyderAustria
35AccountantAntonio MorenoSpain
36Sales RepresentativePascale CartrainSpain
37Sales AgentPascale CartrainEngland
38Marketing ManagerMatti KarttunenItaly
39Accounting ManagerHoward SnyderEngland
40Sales AgentAntonio MorenoUSA
41Sales AgentPascale CartrainBrazil
42Sales AgentMatti KarttunenAustria
43Marketing ManagerPatricio SimpsonGermany
44Accounting ManagerPatricio SimpsonUSA
45Sales ManagerHoward SnyderArgentina
46Sales AssociateElizabeth LincolnItaly
47Sales ConsultantAntonio MorenoItaly
48Sales ConsultantPaul HenriotGermany
49Sales RepresentativeElizabeth LincolnBrazil
50Sales AssociateAntonio MorenoArgentina
51Sales AssociatePaul HenriotArgentina
52Sales AssociatePaul HenriotArgentina
53Sales ManagerElizabeth LincolnUSA
54Marketing AssistantHanna MoosEngland
55Accounting ManagerAntonio MorenoEngland
56OwnerGeorg PippsEngland
57OwnerPatricio SimpsonGermany
58OwnerPaul HenriotGermany
59Accounting ManagerPaul HenriotEngland
60Accounting ManagerHanna MoosItaly
61Sales RepresentativePatricio SimpsonBrazil
62Accounting ManagerPatricio SimpsonAustria
63Sales AssociateMatti KarttunenSpain
64Sales AssociateElizabeth LincolnItaly
65Sales AgentHanna MoosArgentina
66Sales ConsultantPatricio SimpsonSpain
67Sales AssociateAntonio MorenoSpain
68AccountantAntonio MorenoBrazil
69Marketing AssistantMatti KarttunenAustria
70Sales AssociateElizabeth LincolnItaly
71Marketing ManagerPaul HenriotSpain
72OwnerHoward SnyderSpain
73Marketing AssistantPatricio SimpsonFrance
74Marketing AssistantHanna MoosBulgaria
75Sales ConsultantPatricio SimpsonItaly
76Sales ManagerGeorg PippsAustria
77OwnerPatricio SimpsonAustria
78Sales AgentPaul HenriotAustria
79Accounting ManagerPatricio SimpsonBrazil
80Marketing ManagerAntonio MorenoSpain
81AccountantPatricio SimpsonGermany
82Sales ConsultantAntonio MorenoItaly
83Sales ManagerPascale CartrainEngland
84Sales ManagerHoward SnyderGermany
85Sales AssociatePaul HenriotUSA
86OwnerAntonio MorenoItaly
87Accounting ManagerGeorg PippsGermany
88Sales AgentPatricio SimpsonUSA
89OwnerJaime YorresBrazil
90Marketing AssistantPatricio SimpsonAustria
91AccountantHanna MoosEngland
92Marketing AssistantMatti KarttunenSpain
93Marketing ManagerGeorg PippsEngland
94Sales RepresentativeAntonio MorenoBulgaria
95Sales ConsultantHoward SnyderSpain
96Sales AgentMatti KarttunenUSA
97Sales ConsultantGeorg PippsAustria
98AccountantJaime YorresBulgaria
99Sales AgentHanna MoosUSA
100Accounting 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?