IE7 issue when grids are added with width, filter, sort and paging

[GSK]

Hi,

I used the radgrid specifying width for the horizontal scroll bar to appear along with filter, sort and paging options in my page. There is no problem when the page is viewed in IE8 and Firefox. However, In IE7, the page has some extra space. (Please refer the screenshots attached).

There are other controls and validators in the page. And when I try to save and the validators fail, I get the grid aligned perfectly. (Since it is a validator level aligning, there is no postback to get the grid alignment.)

I have no clue why this occurs. This occurs only in a radgrid. If I use a regular grid, this problem does not occur.

Does anyone face the same issue? Any replies are welcome!

~ Gsk

[Dimo]

Hi GSK,

I suppose you have placed the RadGrid inside a <table> ? If this is the case, then a rendering bug of IE is triggered, which is related to tables and scrollable containers. Possible workarounds are:

1) set style="table-layout:fixed" for the table in which RadGrid resides

and / or

2) set style="overflow:hidden" for the RadGrid.


Sincerely yours,
Dimo
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[GSK]

Thanks Dimo, That really helps and it works

~ Gsk

[Charles]

I've got the same problem with RadGrids in Dot Net Nuke, except I cannot alter the container table's style as we need to leave the DNN code as untouched as possible to facilitate DNN upgrades with minimal effort.

How do I set the style for the RadGrid to overflow:hidden? Which CSS class do I need to override? or do I do it a different way?

Also, if I set the RadGrid's style to overflow:hidden, will that not let me have the scrollable grid?

Thanks,

Charlie