列中途有第二个标题的 HTML 表格？

Question

是否可以像下面这样在 html 中制作一个单个表格？我意识到可以将它变成两个单独的表，但我不想这样做，因为我希望这些表完美排列(一个直接在另一个下面。)

下面的可能吗？

SINGLE TABLE:
           Title 1
————————————————————————————————
|       |                      |
|       |                      |
|       |                      |
|       |                      |
|       |                      |
————————————————————————————————
           Title 2
————————————————————————————————
|       |                      |
|       |                      |
|       |                      |
|       |                      |
|       |                      |
————————————————————————————————

Answer 1

这样就可以了..

In your CSS add ..
th {
  text-align: center;
  background: pink;
}

在您的 HTML 中添加。

<table>
       <tr>
     <!----><th colspan="2">title 1</th>
       </tr>
        <tr>
            <td>row 1.1</td>
            <td>row 1.2</td>
        </tr>
        <tr>
            <td>row 2.1</td>
            <td>row 2.2</td>
        </tr>
       <tr>
     <!----><th colspan="2">title 2</th>
       </tr>
        <tr>
            <td>row 3.1</td>
            <td>row 3.2</td>
        </tr>
        <tr>
            <td>row 4.1</td>
            <td >row 4.2</td>
        </tr>
    </table>

只需添加 <th></th>你想要标题行的地方..

编辑
向表头添加标签。加上 @Paulie_D 建议的居中 CSS。