markdown表格（合并问题）

最新推荐文章于 2025-10-31 18:11:22 发布

原创最新推荐文章于 2025-10-31 18:11:22 发布 · 5k 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#markdown

Markdown学习资料专栏收录该内容

2 篇文章

订阅专栏

本文介绍了Markdown的表格功能局限性，并展示了HTML如何实现表格的行和列合并，包括单一合并和混合合并，提供了详细的HTML代码示例，适用于需要更复杂表格布局的场景。

markdown的表格功能有待完善，主要是html中Table完成表格合并

1.markdown自带表格

| 第一列 | 第二列 |
|----------|----------|
| (2,1) | (2,2) |
| (3,1) | (3,2) |

效果如下：

第一列	第二列
(2,1)	(2,2)
(3,1)	(3,2)

2.html实现表格功能（合并行）

<table>
    <tr>
        <td>第一列</td> 
        <td>第二列</td> 
   </tr>
    <tr>
        <td colspan="2">合并第一行</td>    
    </tr>
    <tr>
        <td colspan="2">合并第二行</td>    
    </tr>
</table>

注释：
colspan="2"代表合并两列，可改成自己所需要对应的列
<tr> <\tr>对应的内容体，直接复制即可
内容输入从左至右，从上至下

第一列	第二列
合并第一行
合并第二行

3.html实现表格功能（合并列）

<table>
    <tr>
        <td>第一列</td> 
        <td>第二列</td> 
   </tr>
    <tr>
        <td rowspan="2">合并列</td>    
        <td >行二列二</td>  
    </tr>
    <tr>
        <td >行三列二</td>  
    </tr>
</table>

注释：
colspan="2"代表合并两行，可改成自己对应的行
<tr> <\tr>对应的内容体，直接复制即可
内容输入从左至右，从上至下

第一列	第二列
这里是合并列	行二列二
这里是合并列	行三列二

4.html实现表格功能（混合合并行和列）

<table>
    <tr>
        <td>第一列</td> 
        <td>第二列</td> 
   </tr>
   <tr>
        <td colspan="2">合并行</td>    
   </tr>
   <tr>
        <td>行二列一</td> 
        <td>行二列二</td> 
   </tr>
    <tr>
        <td rowspan="2">合并列</td>    
        <td >行三列二</td>  
    </tr>
    <tr>
        <td >行四列二</td>  
    </tr>
</table>