bootstrap 一个页面里有多个table时，不同的th宽度不一样

Question

如图所示，两个表格都是两列
但是 第一个表格的指标名称列 和第二个表格 指标名称列 width宽度不一样

这是自动计算的结果
该怎么改？

Answer 1

使用 CSS 固定宽度。

如果嫌麻烦可以使用 Bootstrap 里面的栅栏系统，直接把它用在 Table 的 th 里面就和用在 div 里面一样。同时神奇的是，即使你只定义了第一个 th 的宽度，其他 th 也会起效。

Answer 2

你可以尝试使用col和colgroup这2个标签来规定列的样式。