【问题标题】:How to build a complex table like image under bottom?如何在底部构建一个复杂的表格,如图像?
【发布时间】:2019-01-13 15:34:41
【问题描述】:
我必须制作一幅复杂而痛苦的画,然后我会收到一组数据,然后我会用这些数据生成表格
我在 Laravel 下有一个数据集合,我必须将其作为附加图像呈现。请帮我建一个和图片差不多的图:
<table>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2" rowspan="2"> </td>
<td> </td>
</tr>
<tr>
<td colspan="2" rowspan="2"> </td>
<td> </td>
</tr>
</table>
【问题讨论】:
标签:
html
html-table
datatables
【解决方案1】:
我认为你想要的是一个复杂的标题。看这里,希望对你有帮助。
<table id="example" style="width:100%">
<thead>
<tr>
<th rowspan="2"> </th>
<th colspan="2">Maths</th>
<th colspan="3">French</th>
<th colspan="2">Sport</th>
</tr>
<tr>
<th>Ex1</th>
<th>Ex2</th>
<th>Ex1</th>
<th>Ex2</th>
<th>Ex3</th>
<th>Ex1</th>
<th>Ex2</th>
</tr>
</thead>
<tbody>
<tr>
<td>Johnson</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>Franck</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>