html - 如何在底部构建一个复杂的表格，如图像？

Question

我必须制作一幅复杂而痛苦的画作，然后我会收到一组数据，我用这些数据生成表格

我在 Laravel 下有一个数据集合，我必须将其作为附加图像呈现。请帮我建一个与图片相似的图片：

<table>
<tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
</tr>
<tr>
    <td colspan="2" rowspan="2">&nbsp;</td>
    <td>&nbsp;</td>
</tr>
<tr>
   <td colspan="2" rowspan="2">&nbsp;</td>
    <td>&nbsp;</td>
</tr>
</table>

标签： htmlhtml-tabledatatables

Answer 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>