在折叠列

Question

我得到了一张折叠行的表格，如下所示：Collapsing table

正如您在示例中所看到的，如果行正在扩展，那么第一列的增长就越大。 （无论如何它已经太大了）

既不以百分比或像素为单位设置最大宽度，也不将列定义为“col-2”（bootstrap4）。

如何设置第一列的宽度？

Answer 1

您可以尝试在列的第th个标记上设置固定宽度：

<table class="table table-responsive table-hover">
   <thead>
        <tr>
            <th style="width: 25px">Column</th>
            <th>Column</th>
            <th>Column</th>
            <th>Column</th>
        </tr>
    </thead>
    <tbody>
      ...
    </tbody>
</table>

你的分叉bootply：https://www.bootply.com/ITB1qlMHDW