Home/ Questions/Q 781415
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-14T20:13:33+00:00

I’m working on a website where I need to show/hide table rows. I got

  • 0

I’m working on a website where I need to show/hide table rows. I got the feature working, but the CSS gets bad when I do show. I’m providing a working link; click the ‘More…’ link and see the action for an example. I’m using jQuery’s toggle(slow) for hiding and showing

I have a page built using tables:

http://ratingscorner.com/product_rating.php?alias=Rashtreeya-Vidyalaya-College-of-Engineering-Mysore-Road-Bangalore&product=colleges

If you see the section right side of image where the tick marks are there. After the tick mark the section moves to right hand side. This happened when I did put a code to show/hide the extra features.. any solution for this problem?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The page seems to display correctly in IE8. In Chrome and in FF the problem is that display: block elements inside a table make the browser render the table wrong if there are elements without display: block as well. A solution is either to

    • set display: block to the first tbody element already (this is far the easiest solution)
    • remove the display: none from the .extra_properties when showing the extra rows (and leaving the display: block off as well) or
    • set display: table-row-group when showing. It’s to be noted, that display-row-group doesn’t work in IE, though.
    • 0