Markdown合并表格单元格

最新推荐文章于 2024-08-07 22:52:42 发布

一得同学

最新推荐文章于 2024-08-07 22:52:42 发布

阅读量1w

点赞数 14

文章标签： markdown md 合并单元格 html 合并表格

本文链接：https://blog.csdn.net/weixin_44648216/article/details/103471647

版权

术专栏收录该内容

100 篇文章 0 订阅

订阅专栏

文章目录

1、Markdown本身不支持单元格合并

Markdown语法自带如下表格实现：

| 第一列  | 第二列 |
|--|--|
| testk1 | testv1 |
| testk2 | testv2 |

效果如下：

列1	列2
testk1	testv1
testk2	testv2

但是，
Markdown语法本身并不支持复杂表格的插入和实现，比如合并多行表格。

那如果想要合并单元格的时候，怎么实现呢？

考虑到 Markdown 支持 html ，
所以，我们可以通过插入 html 中的 table 来实现。

2、Html 合并行

实现代码如下：

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

效果如下：

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

3、Html 合并列

实现代码如下：

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

效果如下：

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

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>

效果如下：