Telerik skin

Grid - Virtualization

1Sales RepresentativeJaime YorresItaly
2AccountantPascale CartrainAustria
3Sales ConsultantGeorg PippsBulgaria
4Sales ManagerElizabeth LincolnFrance
5Sales AssociateGeorg PippsBrazil
6OwnerAntonio MorenoItaly
7Marketing AssistantHanna MoosItaly
8Sales ConsultantJaime YorresBulgaria
9OwnerMatti KarttunenArgentina
10Accounting ManagerPatricio SimpsonEngland
11Sales AssociateHoward SnyderAustria
12Sales AssociateHanna MoosBrazil
13OwnerElizabeth LincolnAustria
14Sales AgentHoward SnyderSpain
15Marketing ManagerJaime YorresUSA
16Accounting ManagerMatti KarttunenFrance
17Sales AgentGeorg PippsBulgaria
18Marketing AssistantPaul HenriotGermany
19Marketing AssistantHanna MoosArgentina
20Sales RepresentativeAntonio MorenoUSA
21Sales ManagerMatti KarttunenEngland
22Sales ConsultantHanna MoosGermany
23AccountantMatti KarttunenAustria
24Marketing ManagerPascale CartrainSpain
25Sales ConsultantJaime YorresSpain
26OwnerPascale CartrainFrance
27Sales ManagerPascale CartrainGermany
28AccountantAntonio MorenoAustria
29Sales RepresentativeMatti KarttunenItaly
30Sales AgentHanna MoosArgentina
31Sales RepresentativePaul HenriotBulgaria
32Marketing ManagerHoward SnyderUSA
33Marketing ManagerElizabeth LincolnFrance
34Marketing ManagerJaime YorresGermany
35Marketing AssistantMatti KarttunenGermany
36Accounting ManagerPaul HenriotItaly
37Sales ConsultantPaul HenriotEngland
38AccountantHanna MoosGermany
39Sales AgentPascale CartrainAustria
40OwnerPaul HenriotItaly
41AccountantPascale CartrainGermany
42Accounting ManagerMatti KarttunenItaly
43AccountantPascale CartrainBulgaria
44Sales ConsultantHoward SnyderArgentina
45OwnerHoward SnyderFrance
46Sales ManagerAntonio MorenoSpain
47Sales ConsultantGeorg PippsEngland
48Sales ManagerJaime YorresArgentina
49Marketing AssistantPatricio SimpsonUSA
50Sales AssociateGeorg PippsItaly
51OwnerJaime YorresBulgaria
52Sales AssociateElizabeth LincolnFrance
53Sales AssociateAntonio MorenoGermany
54Marketing AssistantPatricio SimpsonAustria
55Marketing ManagerAntonio MorenoArgentina
56Sales ConsultantHanna MoosItaly
57Sales AgentJaime YorresAustria
58Accounting ManagerElizabeth LincolnUSA
59Marketing ManagerElizabeth LincolnEngland
60Sales AssociateJaime YorresUSA
61Marketing ManagerElizabeth LincolnItaly
62Marketing ManagerPaul HenriotAustria
63OwnerElizabeth LincolnArgentina
64Accounting ManagerAntonio MorenoItaly
65Sales AssociateElizabeth LincolnEngland
66Marketing ManagerPascale CartrainAustria
67Sales ManagerPatricio SimpsonBrazil
68Marketing AssistantGeorg PippsEngland
69Marketing AssistantMatti KarttunenItaly
70Sales ConsultantJaime YorresArgentina
71Sales ConsultantAntonio MorenoBrazil
72OwnerHanna MoosBrazil
73OwnerGeorg PippsBrazil
74Marketing ManagerPascale CartrainGermany
75Sales AgentGeorg PippsItaly
76Sales AssociateHoward SnyderBrazil
77Sales AssociatePaul HenriotItaly
78Sales AgentGeorg PippsBulgaria
79Sales AgentAntonio MorenoUSA
80Sales AgentPascale CartrainBrazil
81Marketing AssistantPascale CartrainUSA
82AccountantPascale CartrainArgentina
83Sales AssociateMatti KarttunenGermany
84OwnerElizabeth LincolnAustria
85Sales RepresentativeHoward SnyderUSA
86Sales RepresentativePatricio SimpsonSpain
87Sales ConsultantGeorg PippsItaly
88Sales RepresentativeAntonio MorenoAustria
89Accounting ManagerElizabeth LincolnSpain
90Marketing AssistantJaime YorresItaly
91Marketing AssistantAntonio MorenoUSA
92AccountantAntonio MorenoFrance
93Sales RepresentativeElizabeth LincolnEngland
94Sales RepresentativeHoward SnyderBulgaria
95Sales AgentHanna MoosArgentina
96Marketing ManagerHoward SnyderFrance
97Sales AssociatePatricio SimpsonSpain
98Accounting ManagerGeorg PippsEngland
99OwnerElizabeth LincolnArgentina
100Sales AssociateJaime YorresGermany
 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?