html - 在 元素中添加 元素

Question

我有一个 html 表格，其中一个标题跨越 2 列。如何向两列中的每一列添加子标题？

例如在附图中，我希望“联系人”列的各个列具有子标题“电话”和“地址”。

Answer 1

如果你在纸上画出表格，你会采用同样的方式:

<table>
  <thead>
    <tr>
      <th rowspan="2">Name</th>
      <th rowspan="2">Email</th>
      <th colspan="2">Contact</th>
    </tr>
    <tr>
      <th>Phone</th>
      <th>Address</th>
    </tr>
  </thead>
  <tbody>
    <!-- your data goes here -->
  </tbody>
</table>