列のサイズ変更やレイアウトの分割を行わずに表の行を非表示にする

Question

一部の行が非表示になるように表を折りたたみたいとします。

行を非表示にしても表示されないように、列のサイズを維持する必要があります（display：noneを使用した場合に発生しますが、実際には表の幅も変更される可能性があります）。

また、ウィンドウのサイズが変更されたときにテーブルをリフローさせて、データがいっぱいのテーブルにユーザーが与えたいスペースを使用するようにします。

visibility: collapse; 

私のためにこのすべてを行いますが、それはIEで動作しない（いなくてもIE8、100％準拠した、私たちは、マイクロソフトいます？）。

Hiding table rows without resizing overall widthはIEで動作しますが、テーブルサイズを修正してリフローされなくなりました。

もっと良い解決策がありますか、それとも私はこれをあきらめるべきですか？

Answer 1

IEで動作するサンプルコードを用意し、onresizeを検出するコードを追加します。

元のテーブルサイズに基づいて計算を行うこともできますし、制限を削除することもできます。