Silk skin

Grid - Virtualization

1Sales RepresentativePatricio SimpsonBulgaria
2Sales ManagerPatricio SimpsonAustria
3Marketing AssistantGeorg PippsItaly
4Marketing ManagerPascale CartrainBrazil
5Marketing ManagerPaul HenriotUSA
6Sales AssociateHoward SnyderAustria
7Sales RepresentativePascale CartrainGermany
8AccountantHoward SnyderGermany
9Sales AgentPaul HenriotItaly
10Marketing AssistantGeorg PippsAustria
11Accounting ManagerPascale CartrainEngland
12Sales ConsultantJaime YorresSpain
13OwnerElizabeth LincolnArgentina
14Accounting ManagerHoward SnyderEngland
15Sales ManagerHanna MoosEngland
16Sales RepresentativePascale CartrainFrance
17OwnerHoward SnyderGermany
18Sales ConsultantHoward SnyderEngland
19Marketing AssistantMatti KarttunenArgentina
20Sales ConsultantAntonio MorenoFrance
21Sales AssociateElizabeth LincolnBrazil
22Sales ConsultantJaime YorresSpain
23AccountantPascale CartrainAustria
24Marketing AssistantHoward SnyderFrance
25Marketing ManagerPascale CartrainAustria
26Accounting ManagerPascale CartrainItaly
27Sales RepresentativeJaime YorresItaly
28Accounting ManagerGeorg PippsEngland
29Sales ManagerPatricio SimpsonArgentina
30AccountantPaul HenriotArgentina
31AccountantAntonio MorenoFrance
32OwnerPaul HenriotUSA
33Marketing ManagerMatti KarttunenGermany
34Marketing AssistantPascale CartrainArgentina
35Marketing ManagerMatti KarttunenGermany
36OwnerMatti KarttunenGermany
37Sales ManagerPaul HenriotEngland
38Sales ManagerHanna MoosBulgaria
39Accounting ManagerGeorg PippsEngland
40Marketing ManagerGeorg PippsGermany
41Sales AssociateHanna MoosArgentina
42OwnerPascale CartrainItaly
43Sales AgentAntonio MorenoGermany
44Sales ManagerJaime YorresFrance
45Marketing ManagerPaul HenriotBrazil
46Accounting ManagerPaul HenriotGermany
47Sales AssociatePascale CartrainSpain
48AccountantJaime YorresUSA
49OwnerGeorg PippsEngland
50Sales RepresentativeMatti KarttunenBrazil
51Sales ConsultantPascale CartrainArgentina
52Sales ManagerElizabeth LincolnBulgaria
53Accounting ManagerPascale CartrainBulgaria
54Marketing AssistantMatti KarttunenUSA
55Sales ConsultantPascale CartrainItaly
56AccountantElizabeth LincolnUSA
57Sales ManagerElizabeth LincolnEngland
58Sales AssociateGeorg PippsUSA
59Sales AgentMatti KarttunenAustria
60AccountantHanna MoosEngland
61Sales ConsultantHoward SnyderSpain
62Sales AgentAntonio MorenoBrazil
63Accounting ManagerPascale CartrainAustria
64Sales AgentPascale CartrainSpain
65Sales RepresentativeJaime YorresSpain
66Sales AgentMatti KarttunenAustria
67Accounting ManagerPaul HenriotBulgaria
68OwnerMatti KarttunenBulgaria
69Accounting ManagerAntonio MorenoEngland
70Accounting ManagerPascale CartrainBulgaria
71Sales ConsultantPatricio SimpsonAustria
72Marketing AssistantPascale CartrainBrazil
73Accounting ManagerMatti KarttunenFrance
74Sales AgentGeorg PippsFrance
75Sales RepresentativeGeorg PippsBulgaria
76Accounting ManagerPaul HenriotBulgaria
77Sales AssociateGeorg PippsUSA
78Sales AssociateJaime YorresBulgaria
79Accounting ManagerPascale CartrainUSA
80Sales AssociatePatricio SimpsonGermany
81AccountantJaime YorresBrazil
82Marketing ManagerGeorg PippsGermany
83Sales AgentPaul HenriotGermany
84Sales ManagerMatti KarttunenBrazil
85Accounting ManagerPatricio SimpsonSpain
86Accounting ManagerJaime YorresSpain
87AccountantAntonio MorenoUSA
88Marketing ManagerHoward SnyderItaly
89Sales RepresentativeJaime YorresEngland
90Marketing ManagerAntonio MorenoArgentina
91Marketing ManagerJaime YorresItaly
92Sales ManagerGeorg PippsFrance
93Sales AssociateElizabeth LincolnUSA
94Sales ManagerAntonio MorenoArgentina
95Marketing AssistantGeorg PippsItaly
96OwnerPatricio SimpsonAustria
97Sales ConsultantPascale CartrainSpain
98Sales AgentElizabeth LincolnArgentina
99OwnerHoward SnyderBulgaria
100Sales ConsultantHanna MoosBulgaria
 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?