我有一个 html 表,其中一个标题跨越 2 列。如何向 2 列中的每一列添加子标题?
例如,在所附图像中,我希望“联系人”列具有相应列的子标题“电话”和“地址”。
我有一个 html 表,其中一个标题跨越 2 列。如何向 2 列中的每一列添加子标题?
例如,在所附图像中,我希望“联系人”列具有相应列的子标题“电话”和“地址”。
就像在纸上画出表格一样:
<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>
您需要有两个单独的标题行:
<tr>
<th rowspan="2">Name</th>
<th rowspan="2">Email</th>
<th colspan="2">Contact</th>
</tr>
<tr>
<th>Number</th>
<th>Address</th>
</tr>
添加另一行并将子标题放入<td />
标签中。也许给该行一个类并设置 td 文本的样式?这样它们看起来就不会与真正的标题相同,这可能会引起混淆。
<table>
<tr>
<th>Title 1</th><th>Title 2</th><th colspan="2">Title 3</th>
</tr>
<tr>
<td>content</td><td>content</td><th>subtitle 1</th><th>subtitle 2</th>
</tr>
<tr>
<td>content</td><td>content</td><td>content</td><td>content</td>
</tr>
</table>