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

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

2009/11/21

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

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

【例1】

$('table').css('display',' ')

aaa	1111
bbb	2222
ccc	3333

【例2】

$('div').css('display',' ')

aaa	1111
bbb	2222
ccc	3333

<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