Silk skin

Grid - Virtualization

1OwnerAntonio MorenoItaly
2Sales RepresentativeJaime YorresItaly
3Sales ManagerHoward SnyderBrazil
4Accounting ManagerPaul HenriotGermany
5AccountantPaul HenriotGermany
6Marketing AssistantGeorg PippsItaly
7Sales RepresentativePascale CartrainAustria
8Sales ManagerMatti KarttunenFrance
9Sales AgentPatricio SimpsonAustria
10Sales AgentAntonio MorenoBulgaria
11Accounting ManagerGeorg PippsItaly
12Sales ManagerElizabeth LincolnItaly
13Sales ManagerPatricio SimpsonFrance
14Sales AssociateGeorg PippsAustria
15AccountantGeorg PippsUSA
16Marketing ManagerJaime YorresFrance
17Marketing AssistantGeorg PippsFrance
18AccountantHanna MoosItaly
19Sales AssociatePaul HenriotBulgaria
20Sales AssociateElizabeth LincolnUSA
21Marketing ManagerMatti KarttunenUSA
22Accounting ManagerAntonio MorenoBrazil
23Marketing AssistantMatti KarttunenUSA
24Marketing AssistantJaime YorresSpain
25Sales AssociatePaul HenriotUSA
26AccountantJaime YorresBrazil
27Sales RepresentativePatricio SimpsonFrance
28Marketing AssistantHanna MoosSpain
29AccountantMatti KarttunenItaly
30Marketing AssistantJaime YorresBulgaria
31OwnerPascale CartrainBulgaria
32Marketing ManagerElizabeth LincolnSpain
33Sales AgentHoward SnyderUSA
34Accounting ManagerMatti KarttunenUSA
35Sales AgentHanna MoosBulgaria
36OwnerPascale CartrainFrance
37Sales RepresentativeHoward SnyderBulgaria
38Sales ManagerPascale CartrainUSA
39Accounting ManagerPatricio SimpsonItaly
40Sales ManagerPascale CartrainEngland
41Marketing AssistantGeorg PippsEngland
42Sales AgentPascale CartrainGermany
43Marketing ManagerHoward SnyderArgentina
44OwnerPatricio SimpsonArgentina
45Marketing AssistantMatti KarttunenEngland
46Sales ConsultantJaime YorresAustria
47Accounting ManagerPatricio SimpsonFrance
48Marketing ManagerPaul HenriotFrance
49Sales AgentHoward SnyderUSA
50Marketing AssistantHanna MoosBrazil
51Marketing AssistantJaime YorresAustria
52Sales AgentPaul HenriotItaly
53Sales ConsultantPascale CartrainItaly
54AccountantPascale CartrainArgentina
55Sales RepresentativeHanna MoosItaly
56Sales AgentAntonio MorenoEngland
57Accounting ManagerMatti KarttunenSpain
58AccountantAntonio MorenoGermany
59Sales AssociatePatricio SimpsonBrazil
60AccountantElizabeth LincolnSpain
61Sales ManagerMatti KarttunenItaly
62OwnerHoward SnyderBulgaria
63AccountantHanna MoosEngland
64AccountantHanna MoosEngland
65Marketing ManagerPaul HenriotEngland
66Sales ConsultantPaul HenriotAustria
67AccountantAntonio MorenoBulgaria
68Sales AgentAntonio MorenoAustria
69OwnerJaime YorresItaly
70Sales ManagerPatricio SimpsonFrance
71AccountantHanna MoosAustria
72Marketing AssistantPascale CartrainGermany
73AccountantPascale CartrainUSA
74Marketing ManagerAntonio MorenoBulgaria
75Marketing ManagerPaul HenriotFrance
76OwnerMatti KarttunenBrazil
77Sales AssociateHanna MoosGermany
78Sales ConsultantPatricio SimpsonBrazil
79OwnerPatricio SimpsonGermany
80Sales ConsultantElizabeth LincolnItaly
81Sales AgentPascale CartrainFrance
82Accounting ManagerPatricio SimpsonEngland
83Sales AssociateMatti KarttunenAustria
84Sales AgentHanna MoosBulgaria
85Marketing ManagerAntonio MorenoArgentina
86Sales RepresentativeJaime YorresBrazil
87AccountantHoward SnyderEngland
88Sales AssociateGeorg PippsItaly
89Accounting ManagerGeorg PippsArgentina
90Sales RepresentativePaul HenriotUSA
91Marketing ManagerHoward SnyderBrazil
92Marketing ManagerPascale CartrainEngland
93Marketing ManagerMatti KarttunenGermany
94Marketing AssistantPaul HenriotFrance
95Marketing AssistantMatti KarttunenUSA
96Sales ManagerPatricio SimpsonGermany
97AccountantPascale CartrainBulgaria
98Accounting ManagerGeorg PippsFrance
99Marketing ManagerHanna MoosItaly
100Marketing AssistantJaime YorresGermany
 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?