gpt4 book ai didi

html - 创建一个包含合并列的 HTML 表格

转载 作者:太空宇宙 更新时间:2023-11-04 15:00:17 24 4
gpt4 key购买 nike

我想创建一个具有以下结构的表,但我不知道该怎么做。

|------------扣除--------------------|------------ --------激励------------|

|第 1 列 |第 2 栏 |第 3 栏|第 1 栏 |第 2 栏 |第 3 栏|

达特罗 1 |达特罗 2 |达特罗 3|达特罗 1 |达特罗 2 |达特罗 3|达特罗 1 |达特罗 2 |达特罗 3|达特罗 1 |达特罗 2 |达特罗 3|达特罗 1 |达特罗 2 |达特罗 3|达特罗 1 |达特罗 2 |达特罗 3|

提前致谢

最佳答案

使用 colspan 来做到这一点。创建了一个片段,它可以帮助您理解。

<table border='1'>
<thead>
<tr>
<th colspan="3">Deduction</th>
<th colspan="3">Incentive</th>
</tr>

<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
</tr>

</thead>
<tbody>


<tr>
<td>DATROW 1</td>
<td>DATROW 2</td>
<td>DATROW 3</td>
<td>DATROW 1</td>
<td>DATROW 2</td>
<td>DATROW 3</td>
</tr>

<tr>
<td>DATROW 1</td>
<td>DATROW 2</td>
<td>DATROW 3</td>
<td>DATROW 1</td>
<td>DATROW 2</td>
<td>DATROW 3</td>
</tr>
</tbody>
</table>

关于html - 创建一个包含合并列的 HTML 表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35284537/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com