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

Question

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

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

如果表格中的数据增加，那么表格将出现在容器之外。那么是否可以根据表格宽度增加主容器的宽度

Answer 1

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

您应该能够通过使表格具有响应性来轻松实现这一点。来自Bootstrap docs：

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

例如：

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