请看这个:
<table class="table table-bordered table-striped"><thead>
<tr>
<th colpan="">
Checkin
</th>
<th>
Checkout
</th>
<th>
Description
</th>
<th>Total</th>
</tr>
</thead>
<tbody><tr>
<td>test</td>
<td>2013-03-28 19:19:00</td>
<td>2013-03-28 19:35:00</td>
<td>Implementatie OAuth</td>
<td>00:16</td>
</tr><tr>
<td>test</td>
<td>2013-03-28 19:19:00</td>
<td>2013-03-28 19:20:00</td>
<td>Site werkt niet</td>
<td>00:01</td>
</tr><tr>
<td>test</td>
<td>2013-03-28 19:15:00</td>
<td>2013-03-28 19:42:00</td>
<td>apache recompile</td>
<td>00:27</td>
</tr><tr>
<td>test</td>
<td>2013-03-28 19:14:00</td>
<td>2013-03-28 19:47:00</td>
<td>Site werkt niet</td>
<td>00:33</td>
</tr><tr>
<td>test</td>
<td>2013-03-28 19:12:00</td>
<td>2013-03-28 19:37:00</td>
<td>Site werkt niet</td>
<td>00:25</td>
</tr><tr>
<td>test</td>
<td>2013-03-28 19:08:00</td>
<td>2013-03-28 19:36:00</td>
<td>apache recompile</td>
<td>00:28</td>
</tr><tr>
<td>test</td>
<td>2013-03-28 19:07:00</td>
<td>2013-03-28 19:39:00</td>
<td>Git repos</td>
<td>00:32</td>
</tr><tr>
<td>test</td>
<td>2013-03-28 19:05:00</td>
<td>2013-03-28 19:34:00</td>
<td>Server failure</td>
<td>00:29</td>
</tr><tr>
<td colspan="4"><span style="float:right">Total</span></td><td>03:11</td></tr>
</tbody></table>
我希望'test'与第一个日期时间位于同一列。我需要改变什么?
编辑:
我想要这样; http://s7.postimg.org/yb4hppnfv/Knipsel.png 所以你在最后一个专栏中看到的,那个效果,我想要它在第一个。
答案 0 :(得分:0)
你是说你想让“test”td跨越两列,进入日期时间?
然后你将colspan属性添加到td测试中,并将其设置为“2”。
<tr> <td colspan="2">test</td> </tr>
就像这样,它应该移动到一个空间。
答案 1 :(得分:0)
这是表格的标题和前两行。其余的可以按照相同的规则进行。
<table class="table table-bordered table-striped"><thead>
<tr>
<th colpan="2">
Checkin/Checkout
</th>
<th>
Description
</th>
<th>Total</th>
</tr>
</thead>
<tbody><tr>
<td colspan="2">test 2013-03-28 19:19:00</td>
<td>2013-03-28 19:35:00</td>
<td>Implementatie OAuth</td>
<td>00:16</td>
</tr><tr>
<td colspan="2">test 2013-03-28 19:19:00</td>
<td>2013-03-28 19:20:00</td>
<td>Site werkt niet</td>
<td>00:01</td>
</tr><tr>
答案 2 :(得分:0)
总的来说,你需要拥有单元格的名称(td = 5)和th colspans(2 + 1 + 2 = 5)。
以下是前两行:
<table class="table table-bordered table-striped"><thead>
<tr>
<th colspan = "2">
Checkin/Checkout
</th>
<th>
Description
</th>
<th colspan = "2">Total</th>
<tr>
<td>test</td>
<td>2013-03-28 19:19:00</td>
<td>2013-03-28 19:35:00</td>
<td>Implementatie OAuth</td>
<td>00:16</td>
</tr><tr>
<td>test</td>
<td>2013-03-28 19:19:00</td>
<td>2013-03-28 19:20:00</td>
<td>Site werkt niet</td>
<td>00:01</td>
</tr>></tr></tbody></table>