RadGrid for ASP.NET
Contents
  • At a glance
  • Installation and deployment
  • DNN
  • Licensing
  • Already using the control
  • Functional overview
  • ASP.NET 2.0 Features
  • Getting Started
  • Grid columns
  • Grid rows
  • Defining Structure
  • Visible/Enabled conventions
  • Populating the control with data
  • AJAX
  • Sorting
  • Paging
  • Scrolling
  • Grouping
  • Filtering
  • Selecting grid items
  • Insert/Update/Delete records
  • Hierarchical grid types and Load modes
  • Design-time support
  • Controlling visual appearance
  • Localization/Accessibility
  • RadGrid export
  • The control lifecycle
  • Performance tips and tricks
  • Getting familiar with server-side API
  • Getting familiar with client-side API
  • Telerik RadGrid inheritance
  • How-to
  • Troubleshooting
  • Integration with other controls
  • Client-side API Reference
  • API Reference
  • Need for help
Scroll with static headers Send comments on this topic.
Scrolling > Scroll with static headers

Glossary Item Box

Static Headers

The most common problem when scrolling is losing the context of the current column, i.e. its header name. Telerik RadGrid lets you keep the header at the top even when scrolling the grid. You just need to set the UseStaticHeaders property to true. Its default value is false.

 

UseStaticHeaders =true
Even when the grid is scrolled, the header row is still visible.

UseStaticHeaders =false

The grid is scrolled and the header is scrolled as well (disappears).



Note that when you use scrolling with static headers, Telerik RadGrid columns should declare HeaderStyle.Width.

 

 

Here is an example for setting the scrolling-related properties:

ASPX/ASCX Copy Code
// declaration
<rad:RadGrid runat="server" ... />
<ClientSettings>
<Scrolling AllowScroll="True"
UseStaticHeaders="true">

 

C# Copy Code
// code
...
RadGrid RadGrid1 = new RadGrid();
RadGrid1.ClientSettings.Scrolling.AllowScroll = true;RadGrid1.ClientSettings.Scrolling.UseStaticHeaders = true;
...

VB.NET Copy Code
'code
...
Dim RadGrid1 as = new RadGrid()
RadGrid1.ClientSettings.Scrolling.AllowScroll = trueRadGrid1.ClientSettings.Scrolling.UseStaticHeaders = true
...
 Using Static Headers and Percent Sizes

Telerik RadGrid allows you to use static headers even when it is set to 100% width and 100% height. You will see only the grid scrollbars. The browser scrollbars will be hidden. Thus Telerik RadGrid can mimic Microsoft Excell application.