Question

我有两个语义不同的表，所以它们应该分开，恕我直言。但是，我想对齐他们的专栏。浏览我发现可以通过在w-中设置thead - 类来控制表格中的列宽。这对第二张桌子来说很好（这是我开始使用的）。但是当我在它上面添加第一个表时，遇到了破坏 - 不仅它们的列没有对齐，甚至列宽的关系似乎也不对应w- - 值。

小提琴here。

table1的

thead：

<thead class="bg-secondary">
  <tr>
    <th class="w-8">Model Name</th>
    <th class="w-8">Y</th>
    <th class="w-15">S</th>
    <th class="w-15">R<sup>2</sup>(%)</th>
    <th class="w-15">R<sup>2</sup>-Adj (%)</th>
    <th class="w-39">&nbsp;</th>
  </tr>
</thead>

和table2：

<thead class="bg-secondary">
  <tr>
    <th class="w-8">Var</th>
    <th class="w-8">Include</th>
    <th class="w-15">Expression</th>
    <th class="w-15">Coefficient</th>
    <th class="w-15">StdErr</th>
    <th class="w-15">T</th>
    <th class="w-15">P</th>
    <th class="w-9">&nbsp;</th>
  </tr>
</thead>

Answer 1

Bootstrap 4中没有w-8，w-15等......

宽度调整类是w-25，w-50，w-75，w-100和w-auto。

请参阅文档：http://getbootstrap.com/docs/4.1/utilities/sizing/

如何在两个表格中对齐列宽？

1 个答案: