时间戳

首页 > 解决方案 > html表格在一列中添加三列作为标题

html - html表格在一列中添加三列作为标题

问题描述

如何将 3 列放在像这样的一列中作为标题。

期望的实现

主图

我的实现

我的形象

标记

<th colspan="3">Caution definitive</th>
<th colspan="3">Retenu de Garantie</th>

标签： htmlcss

解决方案

您已经colspan在标记中使用了两次将单元格分布在多个列上，但是对于您想要的实现，您只需要它一次，而第一个（可见）单元格应该超过两行。这是用rowspan.

抛开发布的标记和实现之间的区别，这将产生所需的输出：

<table border="1" style="border-collapse: collapse">
    <tr>
        <th rowspan="2">Date de Reception Definitive</th>
        <th colspan="3">Caution Definitive</th>
    </tr>
    <tr>
        <th>Date</th>
        <th>No</th>
        <th>Montant</th>
    </tr>
</table>

为了清楚起见，我添加了边框。

推荐阅读