固定列テーブルの列のCSS幅を設定できません

Question

2つのテーブルが隣り合っています。

私はこのスクロールテーブルの列をCSSで設定した固定幅にしたいと考えています。列数がわずかであれば、固定幅が機能します。

3つ以上の列があり、オーバーフローすると、CSSの幅は機能しません。列のサイズはテキストに基づいています。

JSFiddle単一の列：https://jsfiddle.net/u4onfzzs/

JSFiddleマルチカラム：https://jsfiddle.net/eb5ts6c6/

ここで私は困惑マルチCOL

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

では無視されているCSSのです。

Answer 1

あなたのフィーダーhereでは、widthをthと設定してください。 widthをmin-widthに変更すると、それに応じて列のサイズが変更されます。

Example fiddle。