【jQuery】非表示にしていたテーブルを表示する場合は『display:table』とするべき。

2009/11/21

このページを、さまざまなブラウザで開いてみてください。
非表示にしていたテーブルをJavascriptを使って表示させる場合、CSSの『display』の
値は『table』とするべきであることがわかると思います。

例2では、『block』を指定した場合でも、全てのブラウザで正常にテーブルが
表示されると思います。
これは、テーブルの親の位置にdivタグを設けて、そのdivタグの『display』を
操作しているからです。


【例1】

$('table').css('display',' ')
aaa1111
bbb2222
ccc3333

【例2】

$('div').css('display',' ')
aaa1111
bbb2222
ccc3333
<div> <table> <tbody> <tr><th>aaa</th><td>1111</td></tr> <tr><th>bbb</th><td>2222</td></tr> <tr><th>ccc</th><td>3333</td></tr> </tbody> </table> </div>
Author : sutara_lumpur / Blog / Twitter / mail address