Q&A
タイトルに「【緊急】」等つけると丸投げ感が高まります。質問内容に沿った要件のみ書きましょう。 https://teratail.com/help/question-tips#questionTips3-1
###
仕事で久しぶりにHTMLを使っているのですが、
tableで表を作る方法を忘れてしまい教えていただけると助かります。
###発生している問題・エラーメッセージ
画像のテキスト部分をth、その下の◯✖︎をtdとして分けたい。
###該当のソースコード
<table class="table table-bordered table-type1"> <caption>ご依頼いただける内容</caption> <thead> <tr class="table-title-row"> <th colspan="2">自社配送</th> <th colspan="2">宅急便</th> <th rowspan="3">最低個数</th> </tr> <tr class="table-title-row"> <th>弁当</th> <th>クックチル</th> <th>弁当</th> <th>クックチル</th> </tr> </thead>###試したこと
1行の下に2行結合（弁当とクックチル）はなんとか分かるのですが、
その下をさらに朝昼夕に分ける方法がわからなくなってしまいました。
そこができれば◯のtdをつけられると思いますが、thの見出し部分で手間取っています。
よろしくお願いいたします。
回答2件
0
「その下をさらに朝昼夕に分ける」ではなく、一番下の行を基準に考えればいいと思います。
一番上の行は
html
1<th colspan="6">自社配送</th> 2</tr>
2行目は
html
1<th colspan="3">クックチル</th> 2</tr>
という感じじゃないでしょうか。
投稿2017/08/25 00:07
総合スコア13671
0
ベストアンサー
こんな感じでしょうか？
こちらのサイトを利用すると簡単に作成できます
https://tabletag.net/ja/
html
1<table> 2 <tbody> 3 <tr> 4 <td colspan="6">自社配送</td> 5 <td colspan="6">宅急便</td> 6 <td rowspan="2">最低回数</td> 7 </tr> 8 <tr> 9 <td colspan="3">弁当</td> 10 <td colspan="3">クックチル</td> 11 <td colspan="3">弁当</td> 12 <td colspan="3">クックチル</td> 13 </tr> 14 <tr> 15 <td>朝</td> 16 <td>昼</td> 17 <td>夕</td> 18 <td>朝</td> 19 <td>昼</td> 20 <td>夕</td> 21 <td>朝</td> 22 <td>昼</td> 23 <td>夕</td> 24 <td>朝</td> 25 <td>昼</td> 26 <td>夕</td> 27 <td rowspan="2">3回</td> 28 </tr> 29 <tr> 30 <td>☓</td> 31 <td>○</td> 32 <td>○</td> 33 <td>○</td> 34 <td>○</td> 35 <td>○</td> 36 <td>☓</td> 37 <td>☓</td> 38 <td>☓</td> 39 <td>○</td> 40 <td>○</td> 41 <td>○</td> 42 </tr> 43 </tbody> 44</table>
投稿2017/08/25 00:17
総合スコア97
あなたの回答
tips
プレビュー
