Markdown合并表格单元格

匆匆过客 提交于 2019-12-10 12:55:06


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>

效果如下:

第一列 第二列
我是合并行
行二列一 行二列二
我是合并列 行三列二
行四列二
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!