長いテーブルからテーブルが伸びないようにする

サブテーブルを含むテーブルがあります。サブテーブルがテーブルの幅に影響しないようにしたい - オーバーフローの場合は、2つを独立してスクロールする必要があります。さらに、サブテーブルはトグルに基づいて表示されているので、サブテーブルが表示可能かどうかに基づいてメインテーブルの行をジャンプさせたくありません。長いテーブルからテーブルが伸びないようにする

Here's codepen。

私はtable-layout: fixedでこれを達成できると思いますが、必ずしもtdの内容を知る必要はありません。 table-layout: fixedを使用すると、コンテンツに基づいてtdのサイズが縮小する可能性はありますか？

Thisは、私が何をしたいのかの例です。ネストしたテーブルは、そのコンテナテーブルから独立してスクロールします。

出典

2017-03-09 user490895

ためthis codepenを参照してくださいしかし、あなたは、[このような何かを探して]いるhttps://jsfiddle.net/n0ry2651/ ）？ – crazymatt

正確ではありません。サブテーブルが干渉することなく、テーブルのサイズを変更したい。たとえば、サブテーブルを表示すると、元のテーブルのtdのサイズが変更されます。 – user490895

サブテーブルはメインテーブル内にネストされていますが、表示/非表示ですが、ネストしたテーブルがメインテーブルのサイズに影響を与えたり、メインテーブルのサイズを変更したりしないようにします。ネストされたテーブルによって覆されていますか？ – zer00ne

私がやったことは、サブレイアウトをオーバーレイされた単一のtd内の固定レイアウトの別のテーブルにラップすることでした。残念ながら、それはFirefoxでうまくいかないようです。

（

<td colspan="6"> 
    <table class="sub-table-container" style="table-layout: fixed; width: 100%"> 
    <tr><td style="overflow-x: scroll"> 
     <table class="sub-table"> 
      ...

はあなたがダブルスクロールをどうする探しているものを全くわからない更新ソリューション

出典

2017-03-09 21:52:55 user490895

長いテーブルからテーブルが伸びないようにする

答えて

関連する問題