Silk skin

Grid - Virtualization

1Sales RepresentativeGeorg PippsGermany
2Accounting ManagerJaime YorresFrance
3Sales ConsultantAntonio MorenoEngland
4OwnerGeorg PippsArgentina
5Sales AssociateGeorg PippsAustria
6Sales ManagerHanna MoosBulgaria
7Marketing ManagerHoward SnyderUSA
8Sales ConsultantPaul HenriotSpain
9Marketing AssistantPascale CartrainBulgaria
10Sales ManagerJaime YorresBulgaria
11AccountantPatricio SimpsonGermany
12Sales ConsultantPaul HenriotEngland
13Marketing AssistantPascale CartrainFrance
14Sales AgentPaul HenriotItaly
15AccountantJaime YorresArgentina
16Marketing ManagerPascale CartrainBrazil
17Sales ConsultantGeorg PippsUSA
18Marketing ManagerPaul HenriotGermany
19Sales ManagerGeorg PippsArgentina
20Accounting ManagerMatti KarttunenEngland
21Sales ManagerAntonio MorenoFrance
22Sales AssociateHoward SnyderGermany
23Sales ConsultantElizabeth LincolnBrazil
24Marketing ManagerMatti KarttunenUSA
25Marketing ManagerHanna MoosSpain
26Sales RepresentativeAntonio MorenoBulgaria
27Sales ConsultantMatti KarttunenSpain
28Marketing ManagerAntonio MorenoBulgaria
29Marketing AssistantHanna MoosAustria
30Marketing AssistantPaul HenriotSpain
31Accounting ManagerAntonio MorenoFrance
32OwnerPaul HenriotAustria
33Marketing AssistantHoward SnyderEngland
34Sales ConsultantElizabeth LincolnBrazil
35Marketing ManagerJaime YorresUSA
36Sales AssociateMatti KarttunenArgentina
37Sales AssociateGeorg PippsUSA
38AccountantJaime YorresEngland
39Sales AssociatePatricio SimpsonBrazil
40Accounting ManagerPatricio SimpsonItaly
41Sales ManagerAntonio MorenoSpain
42Sales AgentJaime YorresBrazil
43Sales ManagerGeorg PippsUSA
44Sales ManagerPascale CartrainGermany
45Sales ManagerPascale CartrainGermany
46Accounting ManagerElizabeth LincolnAustria
47OwnerMatti KarttunenFrance
48Sales RepresentativePascale CartrainSpain
49Sales RepresentativeMatti KarttunenBrazil
50Sales AgentPascale CartrainAustria
51AccountantPatricio SimpsonArgentina
52Sales RepresentativeHanna MoosBulgaria
53Accounting ManagerJaime YorresBulgaria
54Marketing ManagerPaul HenriotEngland
55Sales RepresentativeJaime YorresBrazil
56Sales ConsultantJaime YorresFrance
57AccountantAntonio MorenoGermany
58Sales ManagerAntonio MorenoEngland
59Marketing AssistantHanna MoosBulgaria
60Sales AssociatePaul HenriotBulgaria
61Sales RepresentativeJaime YorresArgentina
62Marketing ManagerMatti KarttunenFrance
63OwnerGeorg PippsUSA
64Sales ConsultantPatricio SimpsonEngland
65Marketing AssistantMatti KarttunenEngland
66Sales RepresentativeGeorg PippsArgentina
67OwnerGeorg PippsEngland
68Sales ConsultantMatti KarttunenGermany
69Sales AgentJaime YorresFrance
70Marketing AssistantJaime YorresSpain
71Accounting ManagerElizabeth LincolnBrazil
72OwnerPaul HenriotBulgaria
73Marketing AssistantPaul HenriotUSA
74Sales AssociateJaime YorresGermany
75Accounting ManagerHanna MoosGermany
76Sales RepresentativePaul HenriotEngland
77Marketing AssistantPaul HenriotBrazil
78OwnerJaime YorresFrance
79OwnerHanna MoosGermany
80Sales RepresentativeHanna MoosBrazil
81OwnerPaul HenriotGermany
82OwnerHoward SnyderUSA
83Sales AssociateMatti KarttunenBulgaria
84AccountantMatti KarttunenBrazil
85AccountantHanna MoosArgentina
86Marketing AssistantHoward SnyderBulgaria
87Sales AgentPaul HenriotUSA
88Marketing AssistantElizabeth LincolnGermany
89Accounting ManagerHanna MoosItaly
90AccountantPascale CartrainItaly
91Marketing ManagerGeorg PippsEngland
92OwnerAntonio MorenoGermany
93OwnerJaime YorresSpain
94Sales RepresentativeElizabeth LincolnBulgaria
95Sales AssociateElizabeth LincolnUSA
96Sales AgentPascale CartrainBrazil
97Sales AssociateHoward SnyderBulgaria
98Sales AssociateJaime YorresItaly
99Sales ManagerPascale CartrainSpain
100Marketing ManagerGeorg PippsUSA
 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?