如何创建这种表？

Question

我正在尝试创建此表：

但到目前为止，我坚持使用那个单元格，产生了2列。 我试图使用colspan rowspan，但没有任何成功。 我的代码：

            <table class="user-info table">
                <tr>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th colspan="2"></th>
                </tr>
                <tr>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                </tr>
            </table>

Answer 1

您需要使用rowspan属性执行此操作。

<table class="user-info table">
                <tr>
                    <th rowspan="2">&nbsp;</th>
                    <th rowspan="2">&nbsp;</th>
                    <th rowspan="2">&nbsp;</th>
                    <th colspan="2">&nbsp;</th>
                </tr>
                <tr>

                    <th>&nbsp;</th>
                    <th>&nbsp;</th>
                </tr>
                 <tr>
                    <td >&nbsp;</td>
                    <td >&nbsp;</td>
                    <td >&nbsp;</td>
                    <td >&nbsp;</td>
                    <td >&nbsp;</td>
                </tr>
            </table>

请参阅此plnkr

Answer 2

试试这个

<table border="1" class="user-info table">
  <tr>
    <th rowspan="2">COl1</th>
    <th rowspan="2">COL2</th>
    <th rowspan="2">Col3</th>
    <th colspan="2">Col4</th>
  </tr>
  <tr>
    <th>sub head 1</th>
    <th>sub head 2</th>
  </tr>
  <tr>
    <td>1</td>
    <td>1</td>
    <td>1</td>
    <td>1</td>
    <td>1</td>
  </tr>
</table>