css - 修复引导表列宽

Question

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

根据Bootstrap Table 文档将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%;}

不幸的是，上述方法都没有奏效。我想知道我是否编写了错误的代码或我的某些代码相互冲突。非常感谢您的帮助！

这是我的桌子：

score 2 · Accepted Answer

表格单元格按照建议采用您的尺寸，并尽可能使用它们，但如果内容不允许，那么您的尺寸将不会受到尊重.....除非您在表格上使用以下属性：

table-layout: fixed

我可能已经简化了一点，阅读更多关于它工作的确切原因（假设你的第一行包含少量文本 - 它通常会这样做，因为它们通常是列标题），在这里：

1 回答 1