Simple skin

Grid - Virtualization

1Sales ConsultantAntonio MorenoEngland
2Marketing AssistantAntonio MorenoGermany
3Sales AgentPascale CartrainBulgaria
4OwnerHanna MoosSpain
5AccountantAntonio MorenoBulgaria
6Sales ConsultantGeorg PippsUSA
7Accounting ManagerJaime YorresFrance
8Accounting ManagerHanna MoosBrazil
9Sales AgentAntonio MorenoEngland
10Sales ConsultantElizabeth LincolnBrazil
11AccountantAntonio MorenoBulgaria
12Accounting ManagerElizabeth LincolnItaly
13OwnerElizabeth LincolnItaly
14Sales ManagerPatricio SimpsonItaly
15Sales ManagerElizabeth LincolnBrazil
16Sales ConsultantGeorg PippsAustria
17Sales ConsultantHoward SnyderAustria
18Sales ConsultantPaul HenriotAustria
19AccountantAntonio MorenoBulgaria
20Marketing AssistantAntonio MorenoBulgaria
21Accounting ManagerHanna MoosAustria
22OwnerPatricio SimpsonAustria
23OwnerMatti KarttunenArgentina
24AccountantPascale CartrainArgentina
25Sales ConsultantElizabeth LincolnAustria
26Marketing ManagerMatti KarttunenItaly
27OwnerPascale CartrainArgentina
28Accounting ManagerPatricio SimpsonEngland
29Sales ConsultantPaul HenriotEngland
30Sales AgentJaime YorresFrance
31Marketing AssistantHanna MoosAustria
32Marketing AssistantPascale CartrainAustria
33Sales AgentHoward SnyderEngland
34Sales AgentJaime YorresBulgaria
35AccountantElizabeth LincolnEngland
36AccountantPaul HenriotBulgaria
37AccountantHanna MoosItaly
38Sales ManagerHoward SnyderGermany
39Sales ManagerHanna MoosGermany
40Sales AssociateAntonio MorenoGermany
41Marketing ManagerHanna MoosArgentina
42Sales AssociateHanna MoosBulgaria
43Marketing AssistantHoward SnyderBulgaria
44Sales RepresentativeElizabeth LincolnBrazil
45Sales ManagerGeorg PippsEngland
46Marketing AssistantHoward SnyderUSA
47Sales ManagerHoward SnyderBulgaria
48Marketing ManagerAntonio MorenoBulgaria
49Marketing ManagerPatricio SimpsonGermany
50Sales RepresentativePaul HenriotBrazil
51AccountantElizabeth LincolnEngland
52OwnerMatti KarttunenArgentina
53Sales AssociatePatricio SimpsonEngland
54Sales RepresentativeJaime YorresGermany
55Sales AgentHoward SnyderBulgaria
56Marketing AssistantPascale CartrainSpain
57Marketing ManagerAntonio MorenoAustria
58AccountantHanna MoosArgentina
59Accounting ManagerJaime YorresSpain
60Sales AssociateElizabeth LincolnBrazil
61Sales RepresentativeAntonio MorenoEngland
62OwnerHanna MoosEngland
63Sales AgentPatricio SimpsonSpain
64Marketing AssistantGeorg PippsGermany
65Marketing AssistantPascale CartrainBrazil
66Sales ConsultantPaul HenriotArgentina
67Accounting ManagerElizabeth LincolnArgentina
68Marketing AssistantAntonio MorenoEngland
69Sales ManagerPatricio SimpsonItaly
70Sales RepresentativePascale CartrainArgentina
71Sales ConsultantPaul HenriotBrazil
72Sales ConsultantPaul HenriotBrazil
73Sales ManagerPascale CartrainArgentina
74Sales AssociateJaime YorresSpain
75Sales AgentPascale CartrainEngland
76AccountantPascale CartrainUSA
77Sales AgentHanna MoosFrance
78Accounting ManagerAntonio MorenoEngland
79Sales AssociateGeorg PippsBulgaria
80Marketing ManagerAntonio MorenoBulgaria
81Sales ConsultantPaul HenriotItaly
82Sales AgentHoward SnyderEngland
83Sales AssociateJaime YorresAustria
84OwnerGeorg PippsBrazil
85AccountantPatricio SimpsonEngland
86Marketing AssistantPaul HenriotFrance
87Accounting ManagerPatricio SimpsonBulgaria
88Sales AgentMatti KarttunenGermany
89Sales AssociateMatti KarttunenUSA
90Marketing ManagerHanna MoosGermany
91Sales AssociateJaime YorresFrance
92AccountantHanna MoosItaly
93Accounting ManagerHanna MoosArgentina
94Marketing ManagerJaime YorresBrazil
95AccountantAntonio MorenoArgentina
96AccountantPascale CartrainFrance
97Sales AssociateHoward SnyderBrazil
98Marketing AssistantGeorg PippsUSA
99Marketing AssistantAntonio MorenoBrazil
100Sales ManagerPascale CartrainItaly
 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?