Question

我有一个包含子表的表。我不希望子表影响表的宽度 - 在溢出的情况下，我希望两个独立滚动。此外，由于子表是基于切换显示的，我不希望主表行根据子表是否可见而跳转

Here's代码。

我想我可以用table-layout: fixed完成此任务，但我不一定知道td的内容，这可能很长。如果我使用table-layout: fixed，td的内容是否会因内容而缩小？

This是我想要做的一个例子，嵌套表独立于其容器表滚动。

Answer 1

我想通了，我最终做的是将子表格包装在另一个固定布局的表中，在一个带溢出的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

防止桌子长时间生长

1 个答案: