Question

我创建了一个如下图所示的 html 表格，现在我希望装箱单单元格向下跨越五行。我尝试了几种方法，但都没有成功。看起来很简单，但它杀了我，帮助伙计们！

    <TABLE border=1 style="width: 100%; border-collapse: collapse; border: 1px solid black;">
    <colgroup>
        <col style="width: 43%">
        <col style="width: 11%">
        <col style="width: 24%">
        <col style="width: 35%">
    
    </colgroup>
    <THEAD>
    <TR>
        <TH rowspan="5"><b>ISSUER</b></TD>
        <TH style="text-align:center" colspan="3" rowspan="5">PACKING LIST</TD>
    
    </TR>
    </THEAD>
    <TR>
        <td>
            <p>Jonathan Vehicle Assemblers Limited</p>
            <p>Plot 673 TA Industrial Park</p>
            <p>Kibaha, Tanzania</p>
        </td>
    </TR>
    <TR>
        <td><b>TO:</b></td>
    </TR>
    <TR>
        <td>
            <p>Jifag Motors (T) Limited</p>
            <p>Nyerere Road</p>
            <p>P.O Box 40935402</p>
        </td>
    </TR>
    <TR>
        <td><b>LOCATION:</b></td>
    </TR>
    <TR>
        <td rowspan="3">Assembly at Kibaha, Tanzania</td>
        <td colspan="2"><b>PACKING LIST NO.:</b></td>
        <td colspan="1"><b>DATE</b></td>
    <TR>
        <td colspan="2">GFA-PL-2020-00001</td>
        <td>06-Nov-20</td>
    </TR>
</TABLE>

Answer 1

table {
    width: 100%;
    border-collapse: collapse;
}
table, th, td {
  border: 1px solid black;
}

<table>
    <colgroup>
        <col style="width: 43%">
        <col style="width: 11%">
        <col style="width: 24%">
        <col style="width: 35%">    
    </colgroup>
    <thead>
        <tr>
            <th rowspan="5"><b>ISSUER</b></th>
            <th style="text-align:center" colspan="3" rowspan="5">PACKING LIST</th>    
        </tr>
    </thead>
    <tr>
        <td>
            <p>Jonathan Vehicle Assemblers Limited</p>
            <p>Plot 673 TA Industrial Park</p>
            <p>Kibaha, Tanzania</p>
        </td>
        <td rowspan="4" colspan="3"></td>
    </tr>
    <tr>
        <td><b>TO:</b></td>
    </tr>
    <tr>
        <td>
            <p>Jifag Motors (T) Limited</p>
            <p>Nyerere Road</p>
            <p>P.O Box 40935402</p>
        </td>
    </tr>
    <tr>
        <td><b>LOCATION:</b></td>
    </tr>
    <tr>
        <td rowspan="3">Assembly at Kibaha, Tanzania</td>
        <td colspan="2"><b>PACKING LIST NO.:</b></td>
        <td colspan="1"><b>DATE</b></td>
    <tr>
        <td colspan="2">GFA-PL-2020-00001</td>
        <td>06-Nov-20</td>
    </tr>
</table>

将表格单元格跨越到五行

1 个答案: