如何建立一个复杂的表格,如底部的图像?

时间:2019-01-13 15:34:41

标签: html html-table datatables

我必须制作一幅复杂而痛苦的画,然后才能接收生成表的数据集合

我在Laravel下有一个数据收集,必须作为附件图像呈现。请帮助我制作出与图片相似的图片:

Complex  table model

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

1 个答案:

答案 0 :(得分:0)

我认为您想要的是一个复杂的标题。看这里,希望对您有所帮助。

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