Silk skin

Grid - Virtualization

1OwnerHanna MoosBulgaria
2AccountantPatricio SimpsonUSA
3Sales AssociateMatti KarttunenFrance
4Sales AgentJaime YorresItaly
5Sales RepresentativePatricio SimpsonItaly
6OwnerPascale CartrainUSA
7AccountantPascale CartrainEngland
8OwnerHanna MoosFrance
9Sales AssociatePascale CartrainGermany
10Sales ManagerElizabeth LincolnSpain
11Accounting ManagerPatricio SimpsonUSA
12OwnerHanna MoosArgentina
13Sales RepresentativeAntonio MorenoSpain
14Sales ManagerGeorg PippsUSA
15OwnerElizabeth LincolnBulgaria
16Sales ManagerElizabeth LincolnArgentina
17Sales ConsultantAntonio MorenoEngland
18Marketing ManagerPaul HenriotUSA
19Sales ConsultantAntonio MorenoAustria
20Sales RepresentativePatricio SimpsonFrance
21OwnerPascale CartrainEngland
22Sales AssociatePascale CartrainGermany
23AccountantPascale CartrainEngland
24Sales AssociateElizabeth LincolnAustria
25Marketing AssistantPascale CartrainBulgaria
26Sales ConsultantPatricio SimpsonBrazil
27Marketing AssistantJaime YorresAustria
28AccountantPaul HenriotUSA
29Accounting ManagerMatti KarttunenAustria
30Accounting ManagerMatti KarttunenFrance
31Sales ManagerPaul HenriotEngland
32AccountantAntonio MorenoItaly
33AccountantMatti KarttunenBulgaria
34Sales AgentPaul HenriotArgentina
35Marketing ManagerMatti KarttunenGermany
36Sales RepresentativeHoward SnyderItaly
37Marketing ManagerAntonio MorenoSpain
38Accounting ManagerAntonio MorenoGermany
39Sales ConsultantPascale CartrainAustria
40Accounting ManagerPascale CartrainBrazil
41Marketing AssistantPaul HenriotFrance
42Accounting ManagerPascale CartrainSpain
43Sales AssociateAntonio MorenoBrazil
44Sales AssociateMatti KarttunenItaly
45OwnerHanna MoosFrance
46Accounting ManagerAntonio MorenoItaly
47Accounting ManagerJaime YorresItaly
48Sales AgentElizabeth LincolnGermany
49AccountantJaime YorresAustria
50Sales RepresentativePatricio SimpsonFrance
51AccountantPatricio SimpsonBulgaria
52OwnerGeorg PippsAustria
53Sales AgentHoward SnyderGermany
54Sales AssociateMatti KarttunenEngland
55Sales ManagerPatricio SimpsonEngland
56OwnerAntonio MorenoAustria
57Sales ManagerAntonio MorenoAustria
58Accounting ManagerMatti KarttunenBrazil
59AccountantAntonio MorenoFrance
60Sales AgentAntonio MorenoFrance
61OwnerPascale CartrainGermany
62Accounting ManagerElizabeth LincolnArgentina
63OwnerGeorg PippsBrazil
64Accounting ManagerGeorg PippsBrazil
65AccountantMatti KarttunenGermany
66Sales RepresentativeGeorg PippsGermany
67Accounting ManagerGeorg PippsEngland
68Sales AssociatePatricio SimpsonArgentina
69OwnerPaul HenriotGermany
70Sales AgentPatricio SimpsonAustria
71Sales ConsultantHanna MoosArgentina
72Sales ManagerPascale CartrainBrazil
73Marketing AssistantPatricio SimpsonBulgaria
74Marketing ManagerHanna MoosGermany
75Sales AssociateHanna MoosGermany
76OwnerPaul HenriotUSA
77Sales ManagerAntonio MorenoEngland
78Sales AgentPatricio SimpsonBrazil
79Marketing AssistantHoward SnyderArgentina
80AccountantElizabeth LincolnGermany
81AccountantMatti KarttunenFrance
82Sales AgentJaime YorresAustria
83Sales AgentPascale CartrainSpain
84Sales ManagerMatti KarttunenEngland
85Sales ManagerHanna MoosGermany
86Sales ConsultantAntonio MorenoUSA
87Marketing ManagerPascale CartrainAustria
88Sales ManagerHoward SnyderBulgaria
89Sales RepresentativePascale CartrainAustria
90Sales ConsultantElizabeth LincolnFrance
91OwnerElizabeth LincolnFrance
92OwnerJaime YorresBulgaria
93Sales ManagerAntonio MorenoEngland
94Sales RepresentativeElizabeth LincolnItaly
95Marketing AssistantMatti KarttunenAustria
96Accounting ManagerElizabeth LincolnAustria
97Sales RepresentativeMatti KarttunenBrazil
98Marketing ManagerHanna MoosEngland
99OwnerGeorg PippsAustria
100OwnerJaime YorresSpain
 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?