Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

how to revert back to normal after display:none for table row

Tags:

css

Basically, I have a table. Onload, I set each row of the table to display:none since I have a lot of javascript processing to be done and I don't want user to see it while it is being done. I've set a timer to display it after a little while, my problem is that i can't get the table row to display like a table row. If I set display:block, it would just not line up with the headers (th). The only solution I've found is display: table-row from css2, but ie 7 and below does not support this declaration.

Any solution?

like image 295
FurtiveFelon Avatar asked Aug 19 '10 14:08

FurtiveFelon


People also ask

How do I undo display none?

Simply changing display = "block" to display = "" fixed it. Save this answer.

How do I change my display from none to block?

getElementById("element"). style. display = "none"; To show an element, set the style display property to “block”.

What does display block do?

display: block An element that has the display property set to block starts on a new line and takes up the available screen width. You can specify the width and height properties for such elements. Examples of elements that are at block-level by default are <div> , <section> , <p> , and lots more.

How to hide a display CSS?

You can hide an element in CSS using the CSS properties display: none or visibility: hidden . display: none removes the entire element from the page and mat affect the layout of the page. visibility: hidden hides the element while keeping the space the same.


1 Answers

set display to an empty string - this will allow the row to use its default display value and so works in all browsers

like image 200
Ray Avatar answered Sep 18 '22 14:09

Ray