css - 固定 Bootstrap 表列宽

Question

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

添加 data-width属性为 <th>标签符合 Bootstrap Table documentation :

<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%;}

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

这是我的表格:

http://jsfiddle.net/mademoiselletse/bypbqboe/56/

Answer 1

Table-cells 按照建议采用您的尺寸，并在可能的情况下尝试使用它们，但如果内容不允许，那么您的尺寸将不会得到尊重.....除非您使用以下属性在你的 table 上:

表格布局:固定

我可能过于简化了一点，请在此处阅读更多有关其工作原理的确切原因(假设您的第一行包含少量文本 - 通常是这样，因为它们通常是列标题):

https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout