<div style="visibility:hidden;" id="60004">
<tr>
<td align="center" valign="middle"><input type="checkbox" name="select_report" value="60005">
<td align="left"> Webex total sessions by domain</td>
<td align="left">-1</td>
<td align="left">-1</td>
<td align="left">-1</td>
<td align="left">-1</td>
</tr>
[web] Hiding table rows
Author
I've got some HTML here:
Putting
inside a tbody, thead or table, is almost certainly the Wrong thing to do.
You can set a table row to display:none by giving it an ID, and hide it this way. But it's not guaranteed to work properly, because it will almost certainly manage to lose some of its "magic" of being-a-table-row - in Mozilla certainly.
As far as I can tell, from my initial experiments, some other technique is required to make this work.
Setting a table-row to display:none is fine, but setting it to display:block is wrong and causes the table to become rather broken.
Maybe there is a correct way of doing this. Perhaps there is a DOM technique to manipulate table rows properly.
Mark
You can set a table row to display:none by giving it an ID, and hide it this way. But it's not guaranteed to work properly, because it will almost certainly manage to lose some of its "magic" of being-a-table-row - in Mozilla certainly.
As far as I can tell, from my initial experiments, some other technique is required to make this work.
Setting a table-row to display:none is fine, but setting it to display:block is wrong and causes the table to become rather broken.
Maybe there is a correct way of doing this. Perhaps there is a DOM technique to manipulate table rows properly.
Mark
Why do you have to use the DIV at all? Can't you just do something like this:
That works for me in Firefox.
Tony
<table><tr id="60004" style="visibility:hidden;"> <td>This is hidden</td></tr><tr id="60005"> <td>This is not hidden</td></tr></table>That works for me in Firefox.
Tony
Author
Because the div's nest. It's supposed to act like a tree view. So if you expand one, then it's children, then collapse the parent, the children stay open but are hidden. That make sense? I've switched to using display:none in the tr, but it has the disadvantage of losing state information in order to hide children. Which means it behaves kind of like a tree view, but without the nesting effect.
I'd much rather use the div idea, but I guess that can't be done. Thanks for the help.
I'd much rather use the div idea, but I guess that can't be done. Thanks for the help.
Quote:Setting a table-row to display:none is fine, but setting it to display:block is wrong and causes the table to become rather broken.
You should probably set it to "table-row" to return it to normal. I'm not sure what IE would do though. The best bet is probably to set the display to nothing (display=""), which lets the browser revert back to whatever its default is.
[Edited by - konForce on April 5, 2005 10:43:44 AM]
Quote:Original post by konForceYou need to use "table-row" for standards browsers and "block" for IE (took me a looooong time searching through mozilla's bugzilla to find that :P)Quote:Setting a table-row to display:none is fine, but setting it to display:block is wrong and causes the table to become rather broken.
You should probably set it to "table-row" to return it to normal. I'm not sure what IE would do though. The best bet is probably to set the display to nothing (display=""), which lets the browser revert back to whatever its default is.
Also, keep every child 'list' as a new table.
However i would be using an UL for this, as a tree-view IS a UL, and it makes sense to use it (the code would become slightly easier)
However i would be using an UL for this, as a tree-view IS a UL, and it makes sense to use it (the code would become slightly easier)
If you want to show a tree-type object, don't use tables. Tables are for tabular data.
Not only is it going to be more effort, but it's also not the Right Way.
Use ULs and LIs and style them correctly - it'll be much easier really.
Mark
Not only is it going to be more effort, but it's also not the Right Way.
Use ULs and LIs and style them correctly - it'll be much easier really.
Mark
This topic is closed to new replies.
Advertisement
Popular Topics
Advertisement
