html　table セル結合方法？

イタリックテキスト

ドリルダウンで赤枠を表示しているのですが、この赤枠を日付の枠に収めたいと試行錯誤しているのですがうまくいかなく困っています。
やったこと
colspanを日付のところに設定すると、開始、終了の値まで反映されてしまう。

 <div class="col-md-12 col-sm-12 x_panel">
                            <div class="x_content">
                                <table class="table table-bordered jambo_table clickable" cellspacing="0" >
                                    <thead>
                                        <tr>
                                            <th></th>
                                            <th>日付</th>
                                            <th>開始</th>
                                            <th>終了</th>
                                            <th>作業時間(h)</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr class="clickable parent-row" data-toggle="collapse" id="row1" data-target=".row1">
                                            <td><i class="glyphicon glyphicon-plus"></i></td>
                                            <td>2021/12/01</td>
                                            <td>09:00</td>
                                            <td>18:00</td>
                                            <td>8</td>
                                        </tr>
                                        <tr class="collapse row1">
                                            <td></td>
                                            <td>やわた本青汁
                                            <td>BA07</td>
                                            <td>第1混合室</td>
                                            <td>09:00</td>
                                            <td>12:00</td>
                                            <td>3<button type="button" class="btn  btn-primary ml-2 mb-0">編集</button></td>
                                        </tr>

ドリルダウンにはdatetableを使っています。

maisumakun

2022/02/25 02:41

HTMLをご提示いただけないでしょうか。

m.ts10806

2022/02/25 03:45

>colspanを日付のところに設定するとどのように書いたのでしょうか

tomokia

2022/02/25 04:00

<th colspan="3">日付</th> と設定しました。

m.ts10806

2022/02/25 05:04

質問本文に追記してください。回答のコメントに書かれているようなことも質問本文で伝わらなければ考慮されません

行動規範の内容に同意します

回答1件

ベストアンサー

どうやってテーブルを作成しているかわかりませんが単に同じtdに入れるだけでは？

HTML
1<td>やわた本青汁
2<td>BA07</td>
3<td>第1混合室</td>
4↓↓↓
5<td>やわた本青汁
6BA07
7第1混合室</td>

セルを分ける前提ならこう

HTML
1<table border>
2<thead>
3<tr>
4<th></th>
5<th colspan="3">日付</th>
6<th>開始</th>
7<th>終了</th>
8<th>作業時間(h)</th>
9</tr>
10</thead>
11<tbody>
12<tr class="clickable parent-row" data-toggle="collapse" id="row1" data-target=".row1">
13<td><i class="glyphicon glyphicon-plus"></i></td>
14<td colspan="3">2021/12/01</td>
15<td>09:00</td>
16<td>18:00</td>
17<td>8</td>
18</tr>
19<tr class="collapse row1">
20<td></td>
21<td>やわた本青汁
22<td>BA07</td>
23<td>第1混合室</td>
24<td>09:00</td>
25<td>12:00</td>
26<td>3<button type="button" class="btn  btn-primary ml-2 mb-0">編集</button></td>
27</tr>
28</tbody>
29</table>