hi
i have a grid having 14 columns, in order to avoid the page level scroll bar, i have set the scrolling at the grid level.
<Scrolling AllowScroll="True" UseStaticHeaders="true" SaveScrollPosition="true" ScrollHeight="420px"></Scrolling>
After setting the grid level scrolling; i can see the 9 columns of grid without scrolling, and rest of the columns by scrolling the grid's horizontal scroll bar. Up to here everything is fine. But when i do any operation on grid like sort/filter or edit or any kind of operation which require to send the ajax request or rebind the grid; the grid scrolling gets disturbed. After ajax request grid reappears with extra header column and blank grey area beneath that headers. to make it clear see the following distinction before the ajax request and after ajax request.
Before AjaxRequest of grid rebind
--------------------------------------------
Out of 14 columns 9 are visible(vertical scrollbar appears at column no 9); i can see rest of the columns(9 to 14) by(horizontal scroll bar) scrolling.
>> this is fine
After AjaxRequest of grid rebind
--------------------------------------------
i can see all 14 column headers without scrolling, eventhouth vertical scrollbar is still at column number 9. which result into the blank area under column header 9 to 14.
This problem is not seen when i set the UseStaticHeaders="false".
if require i can send you image; let me know from where can i post the image.
i have a grid having 14 columns, in order to avoid the page level scroll bar, i have set the scrolling at the grid level.
<Scrolling AllowScroll="True" UseStaticHeaders="true" SaveScrollPosition="true" ScrollHeight="420px"></Scrolling>
After setting the grid level scrolling; i can see the 9 columns of grid without scrolling, and rest of the columns by scrolling the grid's horizontal scroll bar. Up to here everything is fine. But when i do any operation on grid like sort/filter or edit or any kind of operation which require to send the ajax request or rebind the grid; the grid scrolling gets disturbed. After ajax request grid reappears with extra header column and blank grey area beneath that headers. to make it clear see the following distinction before the ajax request and after ajax request.
Before AjaxRequest of grid rebind
--------------------------------------------
Out of 14 columns 9 are visible(vertical scrollbar appears at column no 9); i can see rest of the columns(9 to 14) by(horizontal scroll bar) scrolling.
>> this is fine
After AjaxRequest of grid rebind
--------------------------------------------
i can see all 14 column headers without scrolling, eventhouth vertical scrollbar is still at column number 9. which result into the blank area under column header 9 to 14.
This problem is not seen when i set the UseStaticHeaders="false".
if require i can send you image; let me know from where can i post the image.
2 Answers, 1 is accepted
0
Hi Mark,
It seems to me that some Javascript error on the web page stops the RadGrid scripts, which are responsible for aligning the header and data cells when using static headers. Please check whether this is the case.
If the problem persists, please post a complete sample web page, so that we can test locally. Thanks.
All the best,
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.
It seems to me that some Javascript error on the web page stops the RadGrid scripts, which are responsible for aligning the header and data cells when using static headers. Please check whether this is the case.
If the problem persists, please post a complete sample web page, so that we can test locally. Thanks.
All the best,
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.
0
Katia
Top achievements
Rank 1
Rank 1
answered on 26 May 2011, 08:03 PM
What was the answer to this problem. I am seeing the same thing.