Very often, when constructing a grid, there are design limitations regarding the size of the grid. In such cases you will need to enable the client-side grid scrolling option in order to fit it in the allowed space.
In order to do that you need to set the AllowScroll property to true. By default its value is false. The ScrollHeight property specifies the height value beyond which the scrolling will be turned on. The default value is 300px.
 Click to enlarge |
|
|
AllowScroll=true
The grid exceeds its ScrollHeight limit and the scrollbar appears. |
AllowScroll=false
The whole grid is displayed, but you need to scroll the page in order to see it completely. |
Appearance
You can modify the way RadGrid looks during scrolling by modifying the following CSS classes (the "_Default" suffix should be replaced with the name of the skin that you are using):
- GridHeaderDiv_Default - for skinning the GridHeaderItem
- GridDataDiv_Default - for skinning the GridDataItem
- GridFooterDiv_Default - for skinning the GridFooterItem