Silk skin

Grid - Virtualization

1Marketing ManagerHanna MoosBulgaria
2OwnerAntonio MorenoFrance
3AccountantElizabeth LincolnFrance
4AccountantPaul HenriotArgentina
5Sales RepresentativeHanna MoosAustria
6OwnerPaul HenriotSpain
7Marketing ManagerElizabeth LincolnUSA
8OwnerPatricio SimpsonGermany
9Marketing AssistantJaime YorresItaly
10Sales RepresentativeHoward SnyderGermany
11Sales ManagerJaime YorresEngland
12OwnerMatti KarttunenGermany
13Sales AgentElizabeth LincolnFrance
14AccountantPatricio SimpsonItaly
15OwnerHoward SnyderArgentina
16Marketing AssistantPatricio SimpsonSpain
17Sales AgentPaul HenriotItaly
18Marketing ManagerPaul HenriotItaly
19Accounting ManagerMatti KarttunenFrance
20Marketing AssistantElizabeth LincolnEngland
21AccountantHoward SnyderSpain
22Sales AssociateAntonio MorenoEngland
23Marketing ManagerHoward SnyderUSA
24Sales AgentPatricio SimpsonFrance
25Sales ManagerJaime YorresFrance
26AccountantPatricio SimpsonGermany
27Sales ConsultantHanna MoosBulgaria
28Sales ManagerAntonio MorenoBulgaria
29Accounting ManagerMatti KarttunenItaly
30Sales RepresentativePascale CartrainArgentina
31Accounting ManagerPaul HenriotBulgaria
32Sales AssociatePaul HenriotBrazil
33Marketing ManagerPascale CartrainItaly
34Sales AssociateHoward SnyderGermany
35OwnerGeorg PippsAustria
36Sales AssociatePaul HenriotAustria
37Accounting ManagerPatricio SimpsonBrazil
38Marketing ManagerGeorg PippsArgentina
39Marketing ManagerHanna MoosBulgaria
40Sales RepresentativeMatti KarttunenGermany
41Sales ManagerJaime YorresSpain
42Sales AgentElizabeth LincolnSpain
43Sales RepresentativeMatti KarttunenUSA
44Sales ConsultantPaul HenriotItaly
45OwnerPaul HenriotGermany
46Sales AgentAntonio MorenoArgentina
47Sales AgentPaul HenriotItaly
48Sales AgentGeorg PippsAustria
49Sales RepresentativeElizabeth LincolnBulgaria
50Sales ConsultantHoward SnyderSpain
51Sales AssociateGeorg PippsArgentina
52OwnerAntonio MorenoBrazil
53Sales RepresentativeHanna MoosItaly
54Sales ManagerGeorg PippsArgentina
55Sales ConsultantHoward SnyderUSA
56Sales ConsultantPascale CartrainEngland
57Marketing AssistantAntonio MorenoAustria
58Sales AgentAntonio MorenoBulgaria
59Marketing ManagerHoward SnyderArgentina
60AccountantGeorg PippsAustria
61Sales ManagerJaime YorresUSA
62Accounting ManagerPaul HenriotFrance
63OwnerAntonio MorenoBrazil
64Sales RepresentativeHanna MoosAustria
65OwnerAntonio MorenoSpain
66Sales ConsultantHanna MoosSpain
67Marketing ManagerPatricio SimpsonBulgaria
68Sales ManagerPaul HenriotGermany
69Sales AssociatePatricio SimpsonArgentina
70Marketing ManagerHoward SnyderGermany
71Sales ConsultantHoward SnyderFrance
72Sales AgentMatti KarttunenGermany
73Marketing AssistantGeorg PippsUSA
74Sales AssociatePascale CartrainSpain
75Accounting ManagerPaul HenriotUSA
76Accounting ManagerGeorg PippsSpain
77Sales AssociateHoward SnyderFrance
78Sales ConsultantPaul HenriotFrance
79Marketing AssistantGeorg PippsGermany
80Sales ManagerHanna MoosAustria
81Sales ConsultantHoward SnyderItaly
82Accounting ManagerAntonio MorenoSpain
83Marketing ManagerAntonio MorenoSpain
84Sales RepresentativePatricio SimpsonGermany
85Marketing AssistantPatricio SimpsonSpain
86AccountantJaime YorresGermany
87Sales ConsultantHoward SnyderFrance
88AccountantElizabeth LincolnSpain
89Sales ManagerPascale CartrainUSA
90AccountantElizabeth LincolnBrazil
91Sales ConsultantAntonio MorenoAustria
92Sales ManagerAntonio MorenoEngland
93Sales ConsultantGeorg PippsUSA
94Marketing ManagerPatricio SimpsonBulgaria
95Sales AssociateHoward SnyderEngland
96Sales AgentJaime YorresBulgaria
97Sales ManagerHanna MoosEngland
98Sales ManagerAntonio MorenoGermany
99Sales ManagerHanna MoosUSA
100Sales ConsultantAntonio MorenoUSA
 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?