博客

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

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

| 第一列  | 第二列 |
|--|--|
| 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>

效果如下：