css - 长引导表中的等宽列

Question

在上表中，我使用了 <td class="col-md-1"></td> 来实现等宽列.但只有前几列的宽度相等，如图所示。由于这是一个长表，我想水平滚动，以便表可以保持所需的列宽。但这张 table 不会增长。我什至试过table{ width:auto !important }

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

上述样式从 bootstrap 应用到我的表

我在表格元素中使用的类 - <table class="table table-bordered"></table> 框架:Bootstrap 3

Answer 1

您将要使用此标记:

<div class="table-responsive">
  <table class="table">
    ...
  </table>
</div>

Source: Responsive Table Bootstrap