根据表格宽度调整主容器宽度

Question

是否可能..如果表格宽度增加，那么它的主要容器宽度会增加。有可能??

 <div class="container main-con">
    <table class="table table-hover"> <tr><td></td></tr>
     </table>
  </div>

这里如果表格中的数据增加，那么表格就会出现在容器之外。所以可以根据表格宽度增加主容器的宽度

Answer 1

拥有比屏幕宽的容器几乎总是非常糟糕的用户体验。人们（有充分理由）不想左右滚动。相反，你最好只让你的桌子左/右滚动。

通过使表格响应，您应该能够轻松实现这一目标。来自Bootstrap docs：

  

通过在.table-responsive中包装任何.table来创建响应式表，以使它们水平滚动

例如：

<div class="table-responsive">
    <table class="table table-hover">
        <tr>
            <td></td>
        </tr>
    </table>
</div>