Silk skin

Grid - Virtualization

1Sales ConsultantGeorg PippsAustria
2Sales AgentJaime YorresBrazil
3OwnerHoward SnyderSpain
4Marketing ManagerPatricio SimpsonItaly
5Accounting ManagerPaul HenriotEngland
6AccountantMatti KarttunenFrance
7Marketing ManagerGeorg PippsUSA
8OwnerGeorg PippsEngland
9Marketing AssistantPatricio SimpsonAustria
10Accounting ManagerMatti KarttunenFrance
11Sales ConsultantElizabeth LincolnGermany
12Accounting ManagerElizabeth LincolnGermany
13Sales ManagerHanna MoosBulgaria
14Marketing ManagerElizabeth LincolnAustria
15Sales AgentHanna MoosItaly
16Accounting ManagerJaime YorresSpain
17Sales AgentElizabeth LincolnBulgaria
18Sales AssociateJaime YorresEngland
19AccountantHoward SnyderBrazil
20AccountantElizabeth LincolnEngland
21Sales AgentPascale CartrainArgentina
22AccountantPascale CartrainItaly
23Sales AgentJaime YorresFrance
24Sales ManagerHanna MoosArgentina
25Sales AssociateJaime YorresGermany
26Sales ConsultantHoward SnyderAustria
27Sales AssociateJaime YorresItaly
28Accounting ManagerAntonio MorenoFrance
29Marketing AssistantJaime YorresGermany
30Marketing ManagerAntonio MorenoAustria
31Sales AgentGeorg PippsItaly
32OwnerElizabeth LincolnEngland
33Accounting ManagerHoward SnyderGermany
34AccountantAntonio MorenoSpain
35Marketing AssistantPatricio SimpsonArgentina
36Sales RepresentativePascale CartrainGermany
37Marketing AssistantGeorg PippsBrazil
38Sales ConsultantHanna MoosBulgaria
39Accounting ManagerPascale CartrainAustria
40Sales ConsultantElizabeth LincolnUSA
41Sales AssociatePatricio SimpsonSpain
42Sales ConsultantPatricio SimpsonFrance
43AccountantAntonio MorenoEngland
44Accounting ManagerPascale CartrainEngland
45Marketing AssistantGeorg PippsBulgaria
46AccountantHanna MoosFrance
47Marketing ManagerAntonio MorenoSpain
48Sales ManagerElizabeth LincolnSpain
49Sales RepresentativeMatti KarttunenUSA
50OwnerJaime YorresGermany
51Sales RepresentativePaul HenriotUSA
52Marketing ManagerHoward SnyderBulgaria
53Sales AgentGeorg PippsUSA
54Sales ManagerAntonio MorenoBulgaria
55Marketing ManagerJaime YorresAustria
56AccountantPaul HenriotArgentina
57Sales ConsultantElizabeth LincolnAustria
58Accounting ManagerJaime YorresSpain
59Sales AssociatePatricio SimpsonItaly
60Marketing AssistantAntonio MorenoGermany
61Sales AgentJaime YorresArgentina
62Sales AgentAntonio MorenoSpain
63Sales RepresentativeElizabeth LincolnSpain
64AccountantPaul HenriotAustria
65Marketing ManagerGeorg PippsArgentina
66Marketing ManagerGeorg PippsSpain
67Sales ManagerHoward SnyderUSA
68Marketing AssistantAntonio MorenoBrazil
69Sales AssociatePatricio SimpsonArgentina
70Accounting ManagerGeorg PippsEngland
71Sales AssociatePatricio SimpsonArgentina
72Sales RepresentativePascale CartrainArgentina
73Sales AgentElizabeth LincolnUSA
74Accounting ManagerPaul HenriotArgentina
75Sales AgentMatti KarttunenFrance
76AccountantAntonio MorenoBrazil
77Sales AssociateElizabeth LincolnFrance
78Marketing AssistantMatti KarttunenFrance
79AccountantPatricio SimpsonEngland
80Sales RepresentativeHanna MoosBrazil
81Sales RepresentativeGeorg PippsBulgaria
82Sales AgentJaime YorresItaly
83Sales ManagerAntonio MorenoEngland
84Accounting ManagerAntonio MorenoUSA
85Sales RepresentativeAntonio MorenoItaly
86Sales RepresentativeGeorg PippsEngland
87Sales ManagerMatti KarttunenItaly
88Sales AssociateMatti KarttunenArgentina
89AccountantPaul HenriotGermany
90Sales ConsultantJaime YorresSpain
91Accounting ManagerMatti KarttunenItaly
92OwnerHoward SnyderBrazil
93Sales AssociateHoward SnyderSpain
94Accounting ManagerPatricio SimpsonUSA
95Marketing ManagerHoward SnyderAustria
96Sales RepresentativeElizabeth LincolnGermany
97OwnerPaul HenriotSpain
98Sales AssociatePatricio SimpsonBrazil
99OwnerMatti KarttunenAustria
100Sales ManagerAntonio MorenoItaly
 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,.
  • DefaultVB.aspx
  • DefaultVB.aspx.vb
  • styles.css
<%@ Page Language="vb" AutoEventWireup="false" CodeFile="DefaultVB.aspx.vb" Inherits="Telerik.GridExamplesVBNET.Performance.Virtualization.DefaultVB" %>

<%@ 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?