Bootstrap skin

Grid - Virtualization

1Accounting ManagerPaul HenriotItaly
2Accounting ManagerHoward SnyderArgentina
3Sales ManagerHanna MoosArgentina
4Marketing ManagerJaime YorresFrance
5Marketing AssistantPatricio SimpsonBrazil
6Sales ConsultantElizabeth LincolnItaly
7AccountantPascale CartrainFrance
8Marketing ManagerPascale CartrainItaly
9Sales ManagerMatti KarttunenSpain
10Accounting ManagerElizabeth LincolnGermany
11AccountantJaime YorresSpain
12Sales RepresentativeJaime YorresArgentina
13Marketing AssistantElizabeth LincolnBrazil
14Sales AssociatePaul HenriotSpain
15Sales AgentPaul HenriotBulgaria
16Sales AgentAntonio MorenoUSA
17Marketing AssistantMatti KarttunenEngland
18Sales ManagerHoward SnyderAustria
19Sales AgentPascale CartrainItaly
20Accounting ManagerJaime YorresEngland
21Accounting ManagerGeorg PippsUSA
22OwnerMatti KarttunenBrazil
23Marketing AssistantHanna MoosGermany
24Sales ManagerPaul HenriotSpain
25Sales RepresentativeHanna MoosItaly
26Marketing AssistantHanna MoosUSA
27Sales AgentHoward SnyderAustria
28Sales ConsultantHanna MoosFrance
29Marketing ManagerPaul HenriotAustria
30Marketing ManagerHoward SnyderSpain
31OwnerMatti KarttunenAustria
32Sales AssociateHoward SnyderFrance
33Marketing ManagerPascale CartrainAustria
34Marketing AssistantHoward SnyderAustria
35OwnerPascale CartrainAustria
36Sales AgentHanna MoosBrazil
37Accounting ManagerMatti KarttunenItaly
38Sales AssociateAntonio MorenoUSA
39Sales AssociateGeorg PippsUSA
40OwnerGeorg PippsAustria
41OwnerHanna MoosEngland
42Marketing ManagerHanna MoosBulgaria
43Sales AgentPaul HenriotAustria
44AccountantHanna MoosFrance
45Marketing AssistantElizabeth LincolnFrance
46Sales AgentHanna MoosFrance
47Accounting ManagerMatti KarttunenBulgaria
48Sales AssociateGeorg PippsBrazil
49Sales ConsultantJaime YorresArgentina
50Accounting ManagerJaime YorresSpain
51Sales ConsultantPaul HenriotAustria
52Sales AssociateHoward SnyderBulgaria
53Sales AssociatePatricio SimpsonUSA
54Marketing ManagerPatricio SimpsonFrance
55Accounting ManagerMatti KarttunenBulgaria
56Sales AgentJaime YorresAustria
57AccountantGeorg PippsBulgaria
58Sales ConsultantJaime YorresArgentina
59Marketing ManagerHoward SnyderGermany
60Marketing ManagerMatti KarttunenSpain
61OwnerHanna MoosGermany
62Accounting ManagerPatricio SimpsonBrazil
63OwnerHanna MoosUSA
64Sales AssociateJaime YorresGermany
65Sales AssociateHanna MoosUSA
66Sales AgentHanna MoosBulgaria
67Sales AgentHoward SnyderFrance
68OwnerGeorg PippsUSA
69OwnerHoward SnyderAustria
70Accounting ManagerHoward SnyderAustria
71Sales RepresentativeElizabeth LincolnEngland
72Sales AgentJaime YorresUSA
73Accounting ManagerJaime YorresAustria
74OwnerMatti KarttunenBrazil
75Accounting ManagerGeorg PippsSpain
76Accounting ManagerJaime YorresEngland
77Sales RepresentativePatricio SimpsonBrazil
78Sales ConsultantPatricio SimpsonGermany
79Sales AssociateElizabeth LincolnEngland
80Sales ManagerPatricio SimpsonEngland
81OwnerMatti KarttunenArgentina
82Accounting ManagerPaul HenriotSpain
83Sales ManagerPaul HenriotFrance
84Sales ConsultantJaime YorresUSA
85Sales ConsultantAntonio MorenoGermany
86OwnerPaul HenriotUSA
87OwnerPaul HenriotUSA
88Sales AssociateGeorg PippsFrance
89Sales AssociateHoward SnyderEngland
90Sales AssociateJaime YorresItaly
91OwnerGeorg PippsBrazil
92Sales RepresentativePatricio SimpsonSpain
93Marketing AssistantHoward SnyderEngland
94Accounting ManagerGeorg PippsItaly
95Marketing ManagerPaul HenriotBulgaria
96Sales ConsultantPascale CartrainSpain
97Sales ConsultantHoward SnyderItaly
98Sales ManagerPaul HenriotEngland
99Sales ManagerJaime YorresFrance
100Marketing AssistantGeorg PippsSpain
 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?