Silk skin

Grid - Virtualization

1Sales ConsultantJaime YorresFrance
2Marketing ManagerPaul HenriotAustria
3Marketing AssistantGeorg PippsBulgaria
4Sales ConsultantAntonio MorenoGermany
5AccountantHoward SnyderAustria
6OwnerHanna MoosEngland
7Sales RepresentativeGeorg PippsSpain
8Marketing ManagerPaul HenriotFrance
9Sales AssociateElizabeth LincolnItaly
10OwnerElizabeth LincolnGermany
11Marketing ManagerMatti KarttunenBulgaria
12Sales AssociateHanna MoosUSA
13Marketing ManagerMatti KarttunenArgentina
14Marketing AssistantHoward SnyderGermany
15Marketing ManagerJaime YorresAustria
16OwnerPascale CartrainEngland
17Sales AssociateMatti KarttunenFrance
18Sales RepresentativeAntonio MorenoEngland
19AccountantHoward SnyderFrance
20Sales AssociatePaul HenriotItaly
21Accounting ManagerHoward SnyderGermany
22Sales ManagerGeorg PippsGermany
23Sales ConsultantHanna MoosBulgaria
24Sales AssociateElizabeth LincolnGermany
25Marketing ManagerGeorg PippsUSA
26Sales ConsultantAntonio MorenoFrance
27AccountantAntonio MorenoSpain
28OwnerPascale CartrainBulgaria
29Accounting ManagerPatricio SimpsonItaly
30AccountantMatti KarttunenBrazil
31Sales AssociateHanna MoosItaly
32Sales ManagerHanna MoosEngland
33Sales ManagerPascale CartrainUSA
34Sales AssociateHoward SnyderGermany
35Marketing ManagerElizabeth LincolnItaly
36OwnerPascale CartrainAustria
37OwnerGeorg PippsBrazil
38Sales ManagerPascale CartrainUSA
39Marketing ManagerMatti KarttunenEngland
40AccountantAntonio MorenoGermany
41AccountantGeorg PippsBulgaria
42Accounting ManagerElizabeth LincolnBulgaria
43Sales ManagerHanna MoosFrance
44Sales AgentJaime YorresArgentina
45AccountantJaime YorresArgentina
46Sales ManagerPaul HenriotEngland
47Sales RepresentativeMatti KarttunenGermany
48Sales AgentMatti KarttunenUSA
49Sales ManagerMatti KarttunenArgentina
50Sales ManagerElizabeth LincolnBulgaria
51Accounting ManagerHoward SnyderUSA
52OwnerPascale CartrainEngland
53Sales ConsultantPascale CartrainItaly
54Sales ManagerPatricio SimpsonGermany
55AccountantElizabeth LincolnFrance
56Sales ConsultantGeorg PippsFrance
57Sales ConsultantHanna MoosArgentina
58Sales ConsultantPatricio SimpsonSpain
59Sales RepresentativeJaime YorresBulgaria
60OwnerMatti KarttunenUSA
61Sales RepresentativeElizabeth LincolnUSA
62Accounting ManagerHoward SnyderGermany
63AccountantHanna MoosItaly
64Marketing ManagerHanna MoosArgentina
65OwnerPascale CartrainBulgaria
66Sales AssociateGeorg PippsUSA
67Sales AgentPascale CartrainEngland
68AccountantElizabeth LincolnBulgaria
69OwnerMatti KarttunenBulgaria
70Sales AssociateAntonio MorenoGermany
71Sales ManagerPaul HenriotItaly
72AccountantJaime YorresBrazil
73Accounting ManagerHanna MoosUSA
74Sales AssociateAntonio MorenoEngland
75Marketing ManagerAntonio MorenoSpain
76Sales AgentPatricio SimpsonArgentina
77Sales AssociateGeorg PippsArgentina
78Sales AssociateHoward SnyderArgentina
79Sales ConsultantJaime YorresItaly
80Marketing ManagerMatti KarttunenArgentina
81Marketing ManagerPascale CartrainArgentina
82Marketing AssistantPatricio SimpsonSpain
83Sales AgentHanna MoosGermany
84AccountantPatricio SimpsonBulgaria
85Sales AgentPascale CartrainItaly
86Marketing AssistantPatricio SimpsonSpain
87Sales ManagerHanna MoosSpain
88Sales AssociateHoward SnyderArgentina
89Sales RepresentativePascale CartrainUSA
90Sales ManagerElizabeth LincolnAustria
91Marketing ManagerHoward SnyderUSA
92Sales AgentJaime YorresGermany
93Sales ConsultantGeorg PippsUSA
94Sales ManagerAntonio MorenoAustria
95Marketing ManagerMatti KarttunenItaly
96OwnerHanna MoosSpain
97Sales ConsultantHoward SnyderAustria
98Accounting ManagerPaul HenriotItaly
99AccountantElizabeth LincolnEngland
100Sales RepresentativeAntonio MorenoGermany
 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?