固定 Bootstrap Table 列宽

Question

我想修复 Bootstrap table 中特定列的宽度。我已经尝试了在文档和论坛上可以找到的所有内容：

根据 Bootstrap Table documentation 将 data-width 属性添加到 <th> 标签：

<th data-width= 20 data-field="0" data-sortable="true" data-align="left" data-valign="middle">Car Model</th>

将 class="col-xs-4" 添加到 <th> 标签：

<th class="col-xs-4" data-field="0" data-sortable="true" data-align="left" data-valign="middle">Car Model</th>

最后，更改列的 CSS 属性：

.table tr td:nth-child(3) {width:50%;}

不幸的是，none 上述方法奏效了。我想知道是我写错了代码还是我的某些代码相互冲突。非常感谢您的帮助！

这是我的 table:

Answer 1

Table-cells按照建议的尺码，能用就尽量用，但如果内容不允许，那么你的尺码不会被尊重.....除非你在你的 table 上使用以下属性:

table-layout: fixed

我可能过于简单化了一点，请阅读更多关于此方法的确切原因（假设您的第一行包含少量文本 - 通常是这样，因为它们通常是 headers 列），此处：

Fixing Bootstrap Table Column Width