Silk skin

Grid - Virtualization

1Sales AgentHoward SnyderAustria
2Sales AgentPaul HenriotAustria
3Sales RepresentativePatricio SimpsonFrance
4Accounting ManagerJaime YorresFrance
5Sales AssociateGeorg PippsGermany
6Sales RepresentativeJaime YorresBulgaria
7Accounting ManagerPaul HenriotAustria
8Marketing ManagerGeorg PippsItaly
9Marketing ManagerPascale CartrainSpain
10Sales AssociateGeorg PippsUSA
11OwnerPaul HenriotSpain
12Sales AgentJaime YorresSpain
13Accounting ManagerGeorg PippsGermany
14Sales AssociateHoward SnyderFrance
15Sales RepresentativePascale CartrainUSA
16Sales AssociateHoward SnyderAustria
17Marketing AssistantMatti KarttunenGermany
18Accounting ManagerGeorg PippsBrazil
19Sales RepresentativePascale CartrainEngland
20Sales AgentElizabeth LincolnFrance
21Sales AgentHanna MoosFrance
22Sales RepresentativeJaime YorresFrance
23Marketing AssistantHoward SnyderArgentina
24Marketing ManagerJaime YorresBrazil
25Sales ManagerHoward SnyderEngland
26Sales RepresentativePaul HenriotSpain
27Sales ManagerAntonio MorenoBrazil
28AccountantHoward SnyderBulgaria
29Sales AssociatePaul HenriotBrazil
30Sales ConsultantElizabeth LincolnFrance
31OwnerAntonio MorenoBulgaria
32Sales RepresentativeMatti KarttunenAustria
33Sales RepresentativePascale CartrainBulgaria
34Accounting ManagerPaul HenriotItaly
35Marketing AssistantJaime YorresGermany
36Sales ManagerAntonio MorenoBrazil
37Sales ConsultantJaime YorresAustria
38Sales ManagerPatricio SimpsonItaly
39Marketing AssistantHoward SnyderBrazil
40Sales ManagerAntonio MorenoUSA
41Accounting ManagerGeorg PippsEngland
42Sales ConsultantHanna MoosEngland
43Marketing AssistantPascale CartrainItaly
44Sales AssociatePatricio SimpsonAustria
45Sales ConsultantJaime YorresItaly
46Sales RepresentativePatricio SimpsonFrance
47Marketing AssistantElizabeth LincolnUSA
48Accounting ManagerMatti KarttunenUSA
49Sales ConsultantHanna MoosUSA
50Sales ConsultantPaul HenriotGermany
51Sales AgentPaul HenriotBulgaria
52Sales AgentGeorg PippsAustria
53OwnerPatricio SimpsonEngland
54Marketing AssistantGeorg PippsEngland
55Accounting ManagerHoward SnyderItaly
56Sales AgentPatricio SimpsonGermany
57OwnerMatti KarttunenGermany
58Sales RepresentativeGeorg PippsArgentina
59Marketing AssistantPatricio SimpsonBrazil
60AccountantGeorg PippsUSA
61Marketing AssistantMatti KarttunenItaly
62AccountantJaime YorresFrance
63Marketing AssistantPascale CartrainEngland
64Accounting ManagerAntonio MorenoSpain
65Accounting ManagerJaime YorresAustria
66Sales ConsultantHanna MoosEngland
67Marketing ManagerElizabeth LincolnBulgaria
68AccountantGeorg PippsItaly
69Sales ConsultantGeorg PippsArgentina
70Sales ManagerHoward SnyderFrance
71Marketing ManagerHanna MoosEngland
72AccountantGeorg PippsArgentina
73OwnerAntonio MorenoUSA
74Sales ManagerMatti KarttunenArgentina
75Sales ConsultantHoward SnyderFrance
76Sales ManagerJaime YorresBrazil
77Sales AgentJaime YorresEngland
78Sales ManagerJaime YorresUSA
79Marketing AssistantPaul HenriotBrazil
80Sales ConsultantHoward SnyderUSA
81Sales AssociatePaul HenriotBulgaria
82Sales AgentMatti KarttunenBrazil
83Sales AgentAntonio MorenoUSA
84Sales AssociatePascale CartrainGermany
85Sales AgentMatti KarttunenArgentina
86OwnerElizabeth LincolnBulgaria
87OwnerGeorg PippsArgentina
88Accounting ManagerAntonio MorenoBulgaria
89AccountantJaime YorresSpain
90OwnerPascale CartrainGermany
91Sales AssociateHoward SnyderSpain
92Marketing AssistantElizabeth LincolnArgentina
93Sales RepresentativeHoward SnyderGermany
94Marketing ManagerMatti KarttunenEngland
95OwnerAntonio MorenoItaly
96Accounting ManagerGeorg PippsSpain
97Marketing AssistantMatti KarttunenSpain
98Sales AssociatePatricio SimpsonArgentina
99Marketing ManagerPaul HenriotItaly
100Marketing AssistantHoward SnyderSpain
 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?