Why is visible false not working for a plain html table

Question

The visible property of html table does not work    Why do they have that property if its defective  I had to use style  visibility hidden  in order to hide a table    Please explain why  I am very curious  Here s the code I m using  The intention is to hide the table as a whole but its not hiding the table or the controls inside it   lt table visible  false  gt     lt tr gt       lt td  gt         lt label gt Pick the color for action needed and paste it on textbox lt  label gt       lt  td gt       lt td gt         lt asp TextBox ID  TextBox1  runat  server  gt  lt  asp TextBox gt       lt  td gt       lt td gt         lt asp Button ID  Button1  runat  server  Text  Apply color    gt       lt  td gt     lt  tr gt   lt  table gt

User · Answer

For a similar post a long time ago there seems to be issues with making table visibility hidden.

You have two options, one is to use the display:none attribute.

Or two wrap the table in a div and make the div hidden.

<div id="wrapper" style="visibility:hidden">
    <table>
        <tr>
            <td>
            Content
            </td>
        </tr>
    </table>
</div>

User · Answer

You probably are looking for style  display none   which will totally hide your element  whereas the visibility hides it but keeps the screen place it would take     UPDATE  visible is not a valid property in HTML  that s why it didn t work    See my suggestion above to correctly hide your html element

User · Answer

For the best practice - use style  display    it will work every where

User · Answer

If you want use it  use runat  server  for that table  After that use tablename visible False in server side code

User · Answer

Use display  none instead  Besides  this is probably what you need  because this also truncates the page by removing the space the table occupies  whereas visibility  hidden leaves the white space left by the table

User · Answer

Who  they   I don t think there s a visible attribute in html

User · Answer

visibility hidden is the proper syntax  but another way to  hide  the table is with display none or dynamically with JQuery       myTable   hide

User · Answer

The reason that visible  false  does not work is because HTML is defined as a standard by a consortium group   The standard for the Table element does not have a visibility property defined   You can see all the valid properties for a table by going to the standards web page for tables    That page can be a bit hard to read  so here is a link to another page that makes it easier to read

[html] Why is visible="false" not working for a plain html table?

Examples related to html

Examples related to html-table

Examples related to visibility