Grid - Virtualization

1Sales AssociateMatti KarttunenBulgaria
2Sales AssociatePatricio SimpsonFrance
3Sales AssociateGeorg PippsArgentina
4Accounting ManagerPatricio SimpsonEngland
5Accounting ManagerHoward SnyderSpain
6AccountantGeorg PippsUSA
7Accounting ManagerElizabeth LincolnGermany
8Marketing ManagerPatricio SimpsonGermany
9AccountantMatti KarttunenEngland
10Marketing AssistantPascale CartrainSpain
11Sales ManagerGeorg PippsBulgaria
12Sales AgentMatti KarttunenFrance
13Sales ManagerHoward SnyderSpain
14Accounting ManagerMatti KarttunenSpain
15Sales ManagerMatti KarttunenGermany
16Sales ConsultantJaime YorresArgentina
17OwnerElizabeth LincolnGermany
18AccountantElizabeth LincolnUSA
19Sales AgentAntonio MorenoEngland
20AccountantAntonio MorenoArgentina
21Sales RepresentativeJaime YorresItaly
22Sales ConsultantMatti KarttunenSpain
23Marketing AssistantHanna MoosUSA
24OwnerHoward SnyderBrazil
25Sales ManagerJaime YorresItaly
26Sales ConsultantGeorg PippsUSA
27AccountantHanna MoosGermany
28AccountantMatti KarttunenAustria
29Sales AgentAntonio MorenoFrance
30Sales RepresentativeElizabeth LincolnUSA
31Sales RepresentativePaul HenriotUSA
32Marketing AssistantPascale CartrainGermany
33OwnerPascale CartrainBulgaria
34Sales AssociateHoward SnyderSpain
35AccountantJaime YorresEngland
36OwnerElizabeth LincolnUSA
37AccountantHanna MoosFrance
38AccountantElizabeth LincolnBulgaria
39Marketing ManagerAntonio MorenoEngland
40AccountantAntonio MorenoBrazil
41Accounting ManagerPatricio SimpsonSpain
42Marketing ManagerAntonio MorenoItaly
43Marketing ManagerPascale CartrainUSA
44OwnerMatti KarttunenUSA
45Sales ConsultantGeorg PippsAustria
46AccountantAntonio MorenoGermany
47Sales AssociateHoward SnyderAustria
48AccountantPascale CartrainUSA
49Sales ManagerHanna MoosGermany
50AccountantMatti KarttunenUSA
51OwnerElizabeth LincolnArgentina
52Marketing AssistantPascale CartrainBrazil
53Sales AssociateHoward SnyderGermany
54Marketing ManagerPascale CartrainSpain
55Sales AgentPatricio SimpsonGermany
56Sales ConsultantPaul HenriotBulgaria
57Marketing ManagerElizabeth LincolnSpain
58Sales ManagerElizabeth LincolnAustria
59Accounting ManagerMatti KarttunenBrazil
60Sales AssociateHoward SnyderGermany
61Sales RepresentativePaul HenriotSpain
62Sales AssociateAntonio MorenoFrance
63AccountantPascale CartrainBulgaria
64Sales ManagerHoward SnyderFrance
65Sales ConsultantGeorg PippsGermany
66Sales ManagerHanna MoosSpain
67Marketing ManagerElizabeth LincolnBrazil
68Marketing AssistantGeorg PippsEngland
69Marketing ManagerPaul HenriotBulgaria
70AccountantPascale CartrainAustria
71OwnerPascale CartrainEngland
72Sales ManagerMatti KarttunenItaly
73Sales ConsultantHoward SnyderFrance
74Marketing AssistantGeorg PippsBulgaria
75Sales ManagerElizabeth LincolnFrance
76AccountantElizabeth LincolnUSA
77Accounting ManagerJaime YorresEngland
78Sales ConsultantGeorg PippsSpain
79Marketing ManagerMatti KarttunenItaly
80OwnerPaul HenriotBrazil
81AccountantMatti KarttunenBrazil
82Sales AssociateHoward SnyderArgentina
83AccountantPatricio SimpsonEngland
84Sales RepresentativeAntonio MorenoBulgaria
85AccountantPatricio SimpsonBulgaria
86Sales AgentAntonio MorenoUSA
87Sales AgentHoward SnyderAustria
88Sales AssociateMatti KarttunenItaly
89Marketing AssistantPatricio SimpsonBulgaria
90Sales ConsultantMatti KarttunenUSA
91Marketing ManagerElizabeth LincolnFrance
92Sales RepresentativeGeorg PippsAustria
93Sales ManagerMatti KarttunenUSA
94Accounting ManagerHoward SnyderItaly
95Sales ManagerPatricio SimpsonBulgaria
96Marketing ManagerPatricio SimpsonSpain
97Marketing ManagerGeorg PippsItaly
98Sales ConsultantMatti KarttunenArgentina
99Marketing ManagerElizabeth LincolnArgentina
100Sales ManagerJaime YorresUSA
 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?