Silk skin

Grid - Virtualization

1Sales RepresentativeJaime YorresSpain
2Sales RepresentativeAntonio MorenoEngland
3Sales ManagerPascale CartrainFrance
4Marketing ManagerPascale CartrainGermany
5OwnerPascale CartrainSpain
6Sales RepresentativeMatti KarttunenBulgaria
7AccountantPascale CartrainArgentina
8Sales AgentHanna MoosAustria
9Marketing ManagerAntonio MorenoBulgaria
10Marketing ManagerElizabeth LincolnFrance
11Sales ConsultantPaul HenriotGermany
12Sales AssociateHanna MoosArgentina
13Marketing AssistantPatricio SimpsonGermany
14OwnerGeorg PippsArgentina
15Marketing ManagerHoward SnyderArgentina
16Sales AssociateAntonio MorenoAustria
17Sales AgentElizabeth LincolnSpain
18Sales ConsultantPatricio SimpsonAustria
19Marketing ManagerHanna MoosAustria
20Sales ManagerPatricio SimpsonGermany
21Marketing ManagerMatti KarttunenUSA
22Marketing ManagerPascale CartrainSpain
23Sales AgentGeorg PippsUSA
24Sales ConsultantMatti KarttunenEngland
25Sales AgentPaul HenriotArgentina
26Sales AgentHanna MoosFrance
27AccountantGeorg PippsAustria
28Sales ConsultantGeorg PippsAustria
29AccountantMatti KarttunenBulgaria
30Sales ManagerMatti KarttunenUSA
31Marketing AssistantPascale CartrainUSA
32Sales ConsultantPascale CartrainArgentina
33Sales ConsultantHoward SnyderBrazil
34Sales AssociateHoward SnyderBulgaria
35Sales RepresentativeMatti KarttunenGermany
36Sales ManagerMatti KarttunenFrance
37OwnerPaul HenriotFrance
38OwnerAntonio MorenoItaly
39Marketing AssistantJaime YorresItaly
40Sales AgentMatti KarttunenArgentina
41Marketing ManagerMatti KarttunenFrance
42Sales AgentMatti KarttunenGermany
43Sales RepresentativePaul HenriotAustria
44Accounting ManagerMatti KarttunenGermany
45Sales ManagerElizabeth LincolnBulgaria
46Accounting ManagerJaime YorresFrance
47Sales RepresentativePatricio SimpsonFrance
48Sales ManagerJaime YorresArgentina
49Accounting ManagerHanna MoosUSA
50AccountantJaime YorresFrance
51OwnerPascale CartrainFrance
52Sales AgentGeorg PippsSpain
53Marketing ManagerJaime YorresBulgaria
54Sales ConsultantJaime YorresBrazil
55OwnerJaime YorresItaly
56AccountantPaul HenriotFrance
57Sales ManagerGeorg PippsUSA
58Sales ManagerHanna MoosGermany
59Marketing ManagerJaime YorresArgentina
60OwnerPascale CartrainBulgaria
61AccountantGeorg PippsItaly
62Sales AgentHoward SnyderArgentina
63Sales AgentHanna MoosUSA
64Sales ManagerAntonio MorenoAustria
65Sales ConsultantPatricio SimpsonBrazil
66Accounting ManagerPatricio SimpsonBrazil
67Accounting ManagerGeorg PippsSpain
68Marketing ManagerHanna MoosSpain
69Sales RepresentativeAntonio MorenoUSA
70Sales ConsultantGeorg PippsUSA
71Accounting ManagerHanna MoosAustria
72Sales ConsultantPatricio SimpsonEngland
73Accounting ManagerPascale CartrainBrazil
74Marketing ManagerJaime YorresUSA
75Marketing AssistantGeorg PippsSpain
76Marketing AssistantHanna MoosArgentina
77Marketing AssistantMatti KarttunenFrance
78AccountantGeorg PippsFrance
79Marketing AssistantMatti KarttunenBulgaria
80Sales AgentPascale CartrainUSA
81Sales RepresentativeGeorg PippsFrance
82Sales RepresentativePascale CartrainSpain
83Marketing AssistantPaul HenriotEngland
84Sales AssociateHoward SnyderFrance
85Marketing ManagerPaul HenriotUSA
86Sales RepresentativeAntonio MorenoItaly
87Marketing ManagerPaul HenriotGermany
88Marketing AssistantAntonio MorenoEngland
89Sales RepresentativePaul HenriotFrance
90Sales ManagerElizabeth LincolnSpain
91Sales ConsultantElizabeth LincolnItaly
92Sales AgentPascale CartrainAustria
93Marketing ManagerGeorg PippsSpain
94Marketing AssistantPascale CartrainEngland
95Sales RepresentativeGeorg PippsAustria
96Sales AgentGeorg PippsGermany
97Sales ManagerMatti KarttunenGermany
98Accounting ManagerElizabeth LincolnFrance
99Accounting ManagerGeorg PippsFrance
100Sales RepresentativePascale CartrainEngland
 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,.
  • DefaultCS.aspx
  • DefaultCS.aspx.cs
  • styles.css
<%@ Page Language="c#" CodeFile="DefaultCS.aspx.cs" Inherits="Telerik.GridExamplesCSharp.Performance.Virtualization.DefaultCS" %>

<%@ 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?