Silk skin

Grid - Virtualization

1Marketing AssistantHanna MoosAustria
2OwnerAntonio MorenoAustria
3Sales RepresentativeGeorg PippsEngland
4Sales ManagerJaime YorresArgentina
5Sales ConsultantMatti KarttunenBulgaria
6Sales RepresentativeMatti KarttunenAustria
7Sales ConsultantElizabeth LincolnSpain
8Sales RepresentativePaul HenriotUSA
9Marketing ManagerGeorg PippsSpain
10AccountantPatricio SimpsonBrazil
11Sales AssociatePatricio SimpsonUSA
12Marketing AssistantGeorg PippsArgentina
13OwnerMatti KarttunenUSA
14Sales ConsultantPaul HenriotAustria
15OwnerGeorg PippsArgentina
16Sales AgentPascale CartrainFrance
17Marketing AssistantGeorg PippsFrance
18Sales RepresentativeMatti KarttunenArgentina
19Sales AssociateAntonio MorenoBrazil
20Sales ManagerPaul HenriotUSA
21Sales ConsultantElizabeth LincolnGermany
22Sales AgentPatricio SimpsonSpain
23OwnerPatricio SimpsonArgentina
24Sales AgentElizabeth LincolnFrance
25Sales ConsultantHoward SnyderUSA
26Marketing ManagerElizabeth LincolnUSA
27Sales RepresentativeAntonio MorenoBulgaria
28Sales RepresentativePaul HenriotGermany
29Sales ManagerHanna MoosSpain
30Marketing ManagerPascale CartrainEngland
31Marketing AssistantHoward SnyderGermany
32OwnerAntonio MorenoArgentina
33Accounting ManagerPatricio SimpsonGermany
34Marketing ManagerPaul HenriotGermany
35Sales ConsultantGeorg PippsBulgaria
36AccountantElizabeth LincolnUSA
37Sales AssociateGeorg PippsFrance
38Sales ConsultantJaime YorresGermany
39Sales ManagerHoward SnyderBrazil
40Sales ConsultantPatricio SimpsonAustria
41Accounting ManagerAntonio MorenoItaly
42OwnerPascale CartrainUSA
43Sales ManagerElizabeth LincolnEngland
44Sales ManagerJaime YorresEngland
45Accounting ManagerGeorg PippsEngland
46Marketing AssistantAntonio MorenoAustria
47Sales ConsultantPaul HenriotEngland
48Sales AssociateAntonio MorenoUSA
49OwnerPaul HenriotEngland
50Sales AssociatePaul HenriotSpain
51Sales ManagerHanna MoosArgentina
52Sales ManagerPatricio SimpsonItaly
53Marketing AssistantElizabeth LincolnGermany
54OwnerGeorg PippsUSA
55Marketing ManagerPatricio SimpsonFrance
56Sales RepresentativeHoward SnyderItaly
57Marketing AssistantGeorg PippsItaly
58Sales RepresentativeHanna MoosBrazil
59Sales ConsultantGeorg PippsUSA
60Accounting ManagerGeorg PippsUSA
61Sales RepresentativePatricio SimpsonAustria
62Sales ManagerAntonio MorenoBulgaria
63Sales RepresentativeGeorg PippsItaly
64Sales AgentPaul HenriotBrazil
65Sales ManagerJaime YorresGermany
66Marketing ManagerMatti KarttunenAustria
67Sales AssociateMatti KarttunenFrance
68Marketing ManagerHanna MoosSpain
69Accounting ManagerPaul HenriotItaly
70OwnerPascale CartrainArgentina
71Sales ManagerPaul HenriotGermany
72Marketing AssistantAntonio MorenoAustria
73Sales ManagerHoward SnyderArgentina
74Sales ConsultantElizabeth LincolnItaly
75Sales ManagerPaul HenriotUSA
76AccountantPascale CartrainArgentina
77OwnerAntonio MorenoItaly
78Sales ConsultantPascale CartrainFrance
79Marketing ManagerJaime YorresItaly
80AccountantHanna MoosGermany
81Sales RepresentativeElizabeth LincolnUSA
82Accounting ManagerAntonio MorenoItaly
83Sales RepresentativeHoward SnyderEngland
84Marketing ManagerMatti KarttunenEngland
85AccountantGeorg PippsItaly
86Sales AssociatePascale CartrainSpain
87Sales AgentPaul HenriotGermany
88Sales AgentAntonio MorenoFrance
89OwnerGeorg PippsAustria
90Sales ConsultantAntonio MorenoItaly
91Sales AgentPascale CartrainItaly
92OwnerPatricio SimpsonBulgaria
93Marketing AssistantPatricio SimpsonAustria
94OwnerElizabeth LincolnBulgaria
95Sales RepresentativeJaime YorresUSA
96Sales RepresentativeGeorg PippsArgentina
97Sales RepresentativePascale CartrainBrazil
98Sales AgentPascale CartrainArgentina
99Marketing ManagerMatti KarttunenEngland
100Sales ManagerPascale CartrainFrance
 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?