防止表從長td

我有一個表包含一個子表。我不想讓子表影響表格的寬度 - 在溢出的情況下，我希望兩者獨立滾動。此外，由於子表是基於切換顯示的，我不希望主錶行根據子表是否可見而跳轉。防止表從長td

Here's該codepen。

我想我可以用table-layout: fixed來完成這個，但我不一定知道td的內容，這可能很長。如果我要使用table-layout: fixed，那麼td的內容是否可以縮小？

This是我想要做的一個例子，嵌套表獨立於其容器表滾動。

來源

2017-03-09 user490895

不能完全確定你在找什麼用雙滾動做，但你[尋找這樣的事情（https://jsfiddle.net/n0ry2651/ ）？ – crazymatt

不完全。我希望桌子能夠自己調整大小，而不會受到子表干擾。例如，當您顯示子表時，原始表的td的大小會調整。 – user490895

子表嵌套在主表中，它顯示/隱藏...但您不希望嵌套表影響主表的尺寸，甚至不需要調整主表的td大小...確定，然後主表tds將部分被嵌套表格遮住了？ – 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"> 
      ...

的更新的解決方案見this codepen

來源

2017-03-09 21:52:55 user490895

回答

相關問題