无法设置固定列表中列的CSS宽度

Question

我有两个相邻的表，其中一个将overflow设置为auto，以便在有超过X列的情况下滚动。

我想让这个可滚动表格中的列具有固定的宽度，这是我用CSS设置的宽度。当只有几列时，固定宽度可以工作。

当有三列以上并命中溢出时，CSS宽度将不起作用，仅根据文本调整列的大小。

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

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

下面是在多列显示器上被忽略的CSS

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

我被难住了。

Answer 1

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

Example fiddle。