【问题标题】:How to build a complex table like image under bottom?如何在底部构建一个复杂的表格,如图像?
【发布时间】:2019-01-13 15:34:41
【问题描述】:

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

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

【问题讨论】:

    标签: 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>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2011-04-03
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-07-25
      • 1970-01-01
      相关资源
      最近更新 更多