Bootstrap skin

Grid - Virtualization

1Sales AgentAntonio MorenoArgentina
2Sales ManagerJaime YorresFrance
3OwnerPaul HenriotAustria
4Sales ManagerJaime YorresBrazil
5Accounting ManagerMatti KarttunenFrance
6Sales RepresentativeHoward SnyderSpain
7Sales AssociateHoward SnyderAustria
8AccountantHoward SnyderUSA
9Accounting ManagerPatricio SimpsonBulgaria
10Sales ManagerAntonio MorenoGermany
11Sales AssociatePascale CartrainItaly
12Sales ManagerGeorg PippsGermany
13Sales ConsultantPaul HenriotItaly
14Sales AgentPascale CartrainBulgaria
15Sales AgentHanna MoosFrance
16Sales AssociatePascale CartrainGermany
17Sales AgentPascale CartrainFrance
18OwnerElizabeth LincolnBrazil
19Sales AgentPatricio SimpsonBulgaria
20OwnerGeorg PippsEngland
21AccountantPaul HenriotUSA
22AccountantHoward SnyderGermany
23Accounting ManagerPatricio SimpsonFrance
24Sales AssociateHanna MoosBulgaria
25Sales ManagerPatricio SimpsonFrance
26Marketing AssistantGeorg PippsItaly
27Sales AgentAntonio MorenoUSA
28AccountantElizabeth LincolnArgentina
29Accounting ManagerGeorg PippsFrance
30Sales RepresentativeMatti KarttunenArgentina
31Marketing ManagerPatricio SimpsonBrazil
32OwnerHoward SnyderFrance
33Sales ConsultantJaime YorresFrance
34Sales AssociateMatti KarttunenSpain
35Sales RepresentativeHanna MoosUSA
36Marketing AssistantMatti KarttunenAustria
37AccountantMatti KarttunenItaly
38Sales ManagerPascale CartrainBrazil
39OwnerPatricio SimpsonFrance
40Sales AgentPatricio SimpsonItaly
41Marketing ManagerJaime YorresGermany
42Sales AssociatePatricio SimpsonBrazil
43Sales RepresentativeJaime YorresArgentina
44Marketing ManagerPaul HenriotBulgaria
45Marketing ManagerHoward SnyderEngland
46OwnerAntonio MorenoSpain
47Sales ConsultantGeorg PippsEngland
48Sales ConsultantHoward SnyderBulgaria
49Sales RepresentativeGeorg PippsUSA
50Accounting ManagerMatti KarttunenFrance
51Sales ConsultantHanna MoosBrazil
52Accounting ManagerPaul HenriotSpain
53Accounting ManagerHoward SnyderSpain
54Accounting ManagerElizabeth LincolnFrance
55Accounting ManagerPascale CartrainBrazil
56Sales AssociatePatricio SimpsonArgentina
57Sales AssociateMatti KarttunenFrance
58Sales AgentGeorg PippsSpain
59Accounting ManagerHoward SnyderItaly
60Sales AssociateHanna MoosEngland
61Sales ManagerGeorg PippsAustria
62Sales RepresentativePaul HenriotGermany
63Sales AgentAntonio MorenoEngland
64Sales ConsultantElizabeth LincolnItaly
65Sales ConsultantPaul HenriotSpain
66OwnerJaime YorresArgentina
67OwnerHoward SnyderUSA
68AccountantHanna MoosAustria
69OwnerGeorg PippsBrazil
70Sales ManagerPatricio SimpsonGermany
71Accounting ManagerElizabeth LincolnItaly
72Sales ConsultantJaime YorresEngland
73Marketing AssistantMatti KarttunenArgentina
74Marketing AssistantPascale CartrainArgentina
75Marketing ManagerHanna MoosBulgaria
76Sales AgentGeorg PippsItaly
77Sales ManagerPaul HenriotBrazil
78Sales AssociateMatti KarttunenGermany
79Sales RepresentativeHoward SnyderAustria
80Accounting ManagerJaime YorresItaly
81Sales RepresentativePatricio SimpsonArgentina
82Accounting ManagerHanna MoosSpain
83Sales AssociatePaul HenriotBrazil
84Sales ManagerElizabeth LincolnEngland
85Sales AgentGeorg PippsBulgaria
86AccountantElizabeth LincolnUSA
87Sales RepresentativeGeorg PippsFrance
88OwnerPatricio SimpsonUSA
89Sales RepresentativePascale CartrainSpain
90OwnerAntonio MorenoBrazil
91Marketing AssistantHoward SnyderAustria
92Sales AssociateGeorg PippsItaly
93Sales AgentPatricio SimpsonArgentina
94Marketing ManagerPaul HenriotBulgaria
95Sales ConsultantGeorg PippsAustria
96Sales RepresentativePascale CartrainGermany
97Marketing ManagerMatti KarttunenUSA
98Sales ConsultantHoward SnyderBrazil
99Marketing ManagerAntonio MorenoArgentina
100Accounting ManagerMatti KarttunenAustria
 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?