Hey,
I've got a grid that extends beyond the size of my page and I don't want to use the built in scrolling on the grid because there was a request to display 100 items per page, therefore, I need to have scrolling on the page level.
My question is, is there anyway to disable the static header columns when the whole page scrolls?
I have tried setting UseStaticHeaders="false" but I believe that only comes into play when scrolling on the grid is enabled, which in my case, it is not.
When I scroll down on the page, the headers remain in place, just as they would if scrolling on the grid was turned on and UseStaticHeaders="true".
It is not desired to have static headers.
I am using WebBlue as a skin.
I've got a grid that extends beyond the size of my page and I don't want to use the built in scrolling on the grid because there was a request to display 100 items per page, therefore, I need to have scrolling on the page level.
My question is, is there anyway to disable the static header columns when the whole page scrolls?
I have tried setting UseStaticHeaders="false" but I believe that only comes into play when scrolling on the grid is enabled, which in my case, it is not.
When I scroll down on the page, the headers remain in place, just as they would if scrolling on the grid was turned on and UseStaticHeaders="true".
It is not desired to have static headers.
I am using WebBlue as a skin.
3 Answers, 1 is accepted
0
Hello Coy,
Can you please provide more details about your scenario and implementation such as your page declaration? Are you using some custom css styles?
Sincerely yours,
Rosen
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
Can you please provide more details about your scenario and implementation such as your page declaration? Are you using some custom css styles?
Sincerely yours,
Rosen
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
0
Coy
Top achievements
Rank 1
Rank 1
answered on 11 May 2009, 04:50 PM
Sure.
I'm not using custom css on the grid, just the WebBlue skin.
Doctype is
I'm not using custom css on the grid, just the WebBlue skin.
Doctype is
<!
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
I'm not using scrolling on the grid. I want to display 100 items per page. Therefore, I set the overflow on the page. When I scroll on the page, the headers are static.
0
Hello Coy,
Normally, there is no reason for the RadGrid headers to remain static if UseStaticHeaders is set to "false". Probably you have stumbled upon an Internet Explorer bug, which is the following:
Relatively positioned elements placed inside a scrollable container do not move when the container is scrolled.
The solution is to
1) either remove the position:relative style from the elements inside the scrollable container
or
2) add a position:relative style to the scrollable container itself
If the above is not applicable to your scenario, please send us a complete runnable web page, so that we can see what's going on. Thank you.
Best wishes,
Dimo
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
Normally, there is no reason for the RadGrid headers to remain static if UseStaticHeaders is set to "false". Probably you have stumbled upon an Internet Explorer bug, which is the following:
Relatively positioned elements placed inside a scrollable container do not move when the container is scrolled.
The solution is to
1) either remove the position:relative style from the elements inside the scrollable container
or
2) add a position:relative style to the scrollable container itself
If the above is not applicable to your scenario, please send us a complete runnable web page, so that we can see what's going on. Thank you.
Best wishes,
Dimo
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.