2017-08-08 128 views
0

我有兩個彼此相鄰的表格,其中一個溢出設置爲自動滾動,如果有超過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。

+0

設置th的寬度,並且該列應符合。 – Lansana

+0

如果我將CSS更改爲'#content .fixedColumn td.dataCol',然後將該類添加到表格標題,它仍然不適用於多列 – Tom

+0

這是因爲表格標題應該以'th'作爲目標CSS,而不是'td'。所以把'td.dataCol'改成'th.dataCol'。但是一般來說,如果你有一個只有幾列的表格,每一列都有一個標題,當你設置標題的寬度時,列會相應地更新。表雖然吸引,有時如果你沒有設置所有列/標題,並且只在中間某個地方設置其中一個,它們就不會被設置。 – Lansana

回答

1

在你的小提琴here,你在你的CSS中設置widthth。將width更改爲min-width,並且您的列應該相應地調整大小。

Example fiddle