jQueryでtrのdisplayをblock,noneで表示/非表示させる時に発生する問題の解決法


jQueryでtableタグの中のtrをdisplayでblock,noneを切り替えて、表の行の表示非表示を行おうとすると、trをdisplay:blockにした時にテーブルの表示が崩れてしまいます。その解決法です。

うまくいかないパターン

$('tr').css("display","block");//行を表示

block要素にすれば普通に表示されるだろうと思っていたのですが、
テーブル表示が崩れてしまいます。

うまくいくパターン

$('tr').css("display","table");//行を表示

空白にしてもうまくいったのですが、tableの方が良いという情報もありました。

$('tr').css("display","");//行を表示 うまくいくとは限らない
atnr.net の RSS登録はこちらから