Javascript、CSS、JQueryを使用してテーブルを作成しました。
テーブル内のセルが文字数によって自動調整されてしまうのを防ぎたく、ヘッダー部分にwidthでサイズ指定を入れようと思ったのですが、
colspanを使用しているためtable-layout:fixed;が動作しませんでした。
また、colgroupについても調べましたが、ボディ内のセルにもcolspanを設定しているためうまく動作しない状況です。
いろいろ方法を調べてみたのですが上手くいかないので、皆様のご意見をいただけたらと思います。
宜しくお願い致します。
皆様ご回答ありがとうございます。初心者丸出しの質問で申し訳ございません。
一部分ですがHTMLは下記のような状況です。
html
1<table> 2<thead> 3<tr> 4<td colspan="6">タイトル</td> 5</tr> 6</thead> 7<tr> 8<td colspan="2">値1</td> 9<td colspan="2">値2</td> 10<td colspan="2">値3</td> 11</tr> 12. 13. 14.
値が入っているtdタグは、colspanが2,3,6のどれかが条件に応じて入るようになっています。
テーブルには table-layout:fixed; を設定しています。
theadタグ内のtdに対して、widthで指定してみたのですが、その下の値が入っているtdタグの値の長さに影響を受けてしまう状態です。
とある理由でHTMLは直接記述できず、jsとJQueryのみで要素を追加編集しておりますため、
ソースコードがかなりの行になってしまうので載せませんでした。
申し訳ございませんでした。