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

我有两个彼此相邻的表格，其中一个溢出设置为自动滚动，如果有超过X列的话。无法在固定列表中设置列的CSS宽度

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

当有更多三列出现溢出时，CSS宽度不起作用，该列仅根据文本大小进行调整。

的jsfiddle单柱：https://jsfiddle.net/u4onfzzs/

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

下面是正在对多山坳

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

我难倒忽略了CSS。

来源

2017-08-08 Tom

设置th的宽度，并且该列应符合。 – Lansana

如果我将CSS更改为'#content .fixedColumn td.dataCol'，然后将该类添加到表格标题，它仍然不适用于多列 – Tom

这是因为表格标题应该以'th'作为目标CSS，而不是'td'。所以把'td.dataCol'改成'th.dataCol'。但是一般来说，如果你有一个只有几列的表格，每一列都有一个标题，当你设置标题的宽度时，列会相应地更新。表虽然吸引，有时如果你没有设置所有列/标题，并且只在中间某个地方设置其中一个，它们就不会被设置。 – Lansana

在你的小提琴here，你在你的CSS中设置width的th。将width更改为min-width，并且您的列应该相应地调整大小。

Example fiddle。

来源

2017-08-08 15:31:47 Lansana

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

回答

相关问题