无法在固定列 table 中设置 CSS 列宽

Question

我有两个 table 彼此相邻，如果超过 X 列，其中一个将溢出设置为自动滚动。

我想让这个可滚动 table 中的列具有我用 CSS 设置的固定宽度。当只有几列时，固定宽度有效。

当三列多了溢出时，CSS宽度不起作用，列只是根据文本调整大小。

JSFiddle 单列：https://jsfiddle.net/u4onfzzs/

JSFiddle 多列：https://jsfiddle.net/eb5ts6c6/

这是在 multi-col

上被忽略的 CSS

#content .fixedColumn td.dataCol
{
    width:150px;
    padding:6px 0px 7px 8px;
}

我被难住了。

Answer 1

在您的 fiddle here 中，您在 CSS 中设置了 th 的 width。将 width 更改为 min-width，您的列应相应地调整大小。

Example fiddle.