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

时间:2017-08-08 14:52:00

标签: html css css3 css-tables

我有两个彼此相邻的表,如果有超过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;
}

我很难过。

1 个答案:

答案 0 :(得分:1)

在你的小提琴here中,你在CSS中设置了width th。将width更改为min-width,您的列应相应调整大小。

Example fiddle