2015年4月13日月曜日

Tableの列幅を固定

HTMLでヘッダが2行あるTableで、列の幅を均等でなく固定にしたいが、うまくゆかない。
ヘッダはよくあるだろう構成で、2行目の列を colspan で結合してグループを表すという形。

table-layout: fixed にし、それぞれの列で width を指定すればうまくゆくはずだったが。

うまくゆかない例

        
        
AAAA CCCC
AAAA BBBB CCCC
001 bbbb bbbb bbbb bbbb cccc cccc cccc cccc
002 bbbb bbbb bbbb bbbb cccc cccc cccc cccc
どうすればよいかというと、結合していない2行目のヘッダを一行目にも記述し、隠せば良い。
うまくいった例

        
        
AAAA BBBB CCCC
AAAA CCCC
AAAA BBBB CCCC
001 bbbb bbbb bbbb bbbb cccc cccc cccc cccc
002 bbbb bbbb bbbb bbbb cccc cccc cccc cccc
わかれば何という事もないが、ちょっとつまずいたので。

0 件のコメント:

コメントを投稿