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

4 posts, 1 answers
  1. GSK
    GSK avatar
    6 posts
    Member since:
    May 2010

    Posted 27 May 2010 Link to this post


    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
  2. Answer
    Dimo avatar
    8332 posts

    Posted 28 May 2010 Link to this post

    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,
    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. GSK
    GSK avatar
    6 posts
    Member since:
    May 2010

    Posted 28 May 2010 Link to this post

    Thanks Dimo, That really helps and it works

    ~ Gsk
  5. Charles
    Charles avatar
    7 posts
    Member since:
    Mar 2011

    Posted 17 Mar 2011 Link to this post

    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?


Back to Top