无法设置宽表中列的宽度

Question

所以我的表有接近 100 列。我的问题是我根本无法设置第一列的宽度，除非我删除一些列或删除标签内的所有标题文本，<TH></TH>这显然不是解决方案

表格宽度受容器宽度的限制。是否有办法在非常宽的表格中指定第一列的宽度？

我已经尝试style="width:200px !important"过TH和TD标签，但没有成功

谢谢

更新

这是一个 jsFiddle - http://jsfiddle.net/16p66fxu/

Answer 1

默认情况下，在具有如此多内容的表格中指定精确宽度永远不会“正确”工作，因为您只是为默认表格大小调整算法提供提示。如果您想要精确控制所有单元格的宽度，只需禁用智能调整大小即可：

table {
  table-layout:fixed;
}

文件：

表和列的宽度由表和 col 元素的宽度或第一行单元格的宽度设置。后续行中的单元格不影响列宽。

在“固定”布局方法下，一旦下载并分析了第一个表行，就可以呈现整个表。与“自动”布局方法相比，这可以加快渲染时间，但后续单元格内容可能不适合提供的列宽度。任何具有溢出内容的单元格都使用溢出属性来确定是否剪辑溢出内容。

只要它是默认的，auto您所能做的最好的就是为浏览器的自动调整大小提供提示。

阅读更多内容请点击table-layout此处。