Markdown表格——在CSDN上画表格

一、基础样式

示例一

|显示效果|代码|
|--|--|
| $a+b$ | `$a+b$` |
|$a-b$| `$a-b$` |
|$a*b$|`$a*b$`|
| $a/b$ | `$a/b$` |
| $\frac{a}{b}$ | `$\frac{a}{b}$` |

显示效果	代码
$a+b$	$a+b$
$a-b$	$a-b$
$a\ast b$	$a*b$
$a/b$	$a/b$
$\frac{a}{b}$	$\frac{a}{b}$

示例二

| 姓名 | 性别 | 年龄 |
|--|--|--|
| 许七安 | 男 | 20 |
| 许新年 | 男 | 18 |
| 怀庆 | 女 | 19 |
| 临安 | 女 | 18 |

姓名	性别	年龄
许七安	男	20
许新年	男	18
怀庆	女	19
临安	女	18

二、居左居中居右

示例一

| Column1 | Column2 | Column3 |
|:--|--|--:|
| 文本居左 | 文本居中 | 文本居右 |

Column1	Column2	Column3
文本居左	文本居中	文本居右

示例二

| Column1 | Column2 | Column3 |
|:--|:--:|--:|
| 文本居左 | 文本居中 | 文本居右 |

Column1	Column2	Column3
文本居左	文本居中	文本居右

三、单元格中带有竖线 |

单元格中的|用|表示，结果会自动转化为|

项目 | Value
-- | --
电脑|平板  | $1600
手机 | $12
导管 | $1

项目	Value
电脑|平板	$1600
手机	$12
导管	$1

四、斜体、粗体

斜体：内容两侧各加一个下划线，例如，_内容_
粗体：内容两侧各加两个下划线，例如，__内容__

项目  | Value
-- | --
电脑  | $1600
_手机_  | $12
__导管__   | $1

项目	Value
电脑	$1600
手机	$12
导管	$1

五、表格内换行

使用HTML标签<br>

项目 | Value
-- | --
电脑  | 一行<br>二行

项目	Value
电脑	一行 二行

六、合并单元格

Markdown没有单元格合并语法，但是Markdown是兼容HTML的，因此，我们可以通过HTML实现单元格合并。

1、基础的HTML表格

<tr> </tr>标签之间为一行，<td> </td>标签之间为一列。

<table>
    <tr>
        <td>行1列1</td> 
        <td>行1列2</td> 
        <td>行1列3</td> 
   </tr>
    <tr>
  		<td>行2列1</td> 
        <td>行2列2</td> 
        <td>行2列3</td> 
    </tr>
    <tr>
        <td>行3列1</td> 
        <td>行3列2</td> 
        <td>行3列3</td> 
    </tr>
</table>

行1列1	行1列2	行1列3
行2列1	行2列2	行2列3
行3列1	行3列2	行3列3

2、合并行

colspan：规定单元格可纵跨的列数，即跨几列来合并行。

要注意要少写几个<td>标签，如下所示，共三列，其中第二行合并第二列和第三列，只需要在前面再写一列即可，第三行跨三列，即已包括三列，不需要再写<td>

<table>
    <tr>
        <td>行/列</td> 
        <td>列2</td> 
        <td>列3</td> 
   </tr>
    <tr>
  		 <td>行2列1</td> 
      	 <td colspan="2">跨两列合并行</td>    
    </tr>
    <tr>
        <td colspan="3">跨三列合并行</td>    
    </tr>
</table>

行/列	列2	列3
行2列1	跨两列合并行
跨三列合并行

如果colspan的列数没有写对，则表格是不完整的，如下所示：

<table>
    <tr>
        <td>行/列</td> 
        <td>列2</td> 
        <td>列3</td> 
   </tr>
    <tr>
  		 <td>行2列1</td> 
      	 <td colspan="2">跨两列合并行</td>    
    </tr>
    <tr>
        <td colspan="2">跨三列合并行</td>    
    </tr>
</table>

行/列	列2	列3
行2列1	跨两列合并行
跨三列合并行

3、合并列

rowspan：规定单元格可横跨的行数，跨几行来合并列。

如下所示，在第一列合并了第二三行，则在第二行写合并，第三行就不用再写第一列了。

<table>
    <tr>
        <td>行1列1</td> 
        <td>行1列2</td> 
        <td>行1列3</td> 
   </tr>
    <tr>
        <td rowspan="2">合并两列</td>    
  		 <td>行2列2</td> 
      	 <td>行2列3</td> 
    </tr>
    <tr>
        <td>行3列2</td> 
        <td>行3列3</td>    
    </tr>
</table>

行1列1	行1列2	行1列3
合并两列	行2列2	行2列3
	行3列2	行3列3

4、合并行列

<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>

列一	列二
合并行
列一	列二
合并列	行二列二
	行三列二

七、Excel转HTML

如果已有Excel表，可以使用Markdown语言编辑出对应的Excel表，但是，复杂的表格就比较麻烦了。如果表格做成只读形式，可以使用下面的方式来显示。

（1）准备好要处理的Excel表格

（2）另存为html格式，生成了一个文件夹和一个htm文件

（3）使用浏览器打开htm文件，右键查看页面源代码，注意左下角，如果有多个工作表，需要切换到想要查看的sheet

发现使用了框架，我们应该查看框架源代码

（4）查看框架源代码

（5）找到<table> </table>标签下的内容，复制到Markdown编辑器内，删除一些多余的东西，即可将Excel表格转换为Markdown。

<table border=0 cellpadding=0 cellspacing=0 width=207 style='border-collapse:
 collapse;table-layout:fixed;width:156pt'>
 <col width=69 span=3 style='width:52pt'>
 <tr height=19 style='height:14.0pt'>
  <td height=19 width=69 style='height:14.0pt;width:52pt'></td>
  <td width=69 style='width:52pt'>方法</td>
  <td width=69 style='width:52pt'>描述</td>
 </tr>
 <tr height=19 style='height:14.0pt'>
  <td height=19 align=right style='height:14.0pt'>1</td>
  <td>方法1</td>
  <td>描述1</td>
 </tr>
 <tr height=19 style='height:14.0pt'>
  <td height=19 align=right style='height:14.0pt'>2</td>
  <td>方法2</td>
  <td>描述2</td>
 </tr>
 <tr height=19 style='height:14.0pt'>
  <td height=19 align=right style='height:14.0pt'>3</td>
  <td>方法3</td>
  <td>描述3</td>
 </tr>
 <tr height=19 style='height:14.0pt'>
  <td height=19 align=right style='height:14.0pt'>4</td>
  <td>方法4</td>
  <td>描述4</td>
 </tr>
</table>

	方法	描述
1	方法1	描述1
2	方法2	描述2
3	方法3	描述3
4	方法4	描述4

（6）在生成的文件夹中，有所有的代码，包括框架源码和样式，其中sheet001.htm是工作表一的内容，sheet002.htm是工作表二的内容

（7）直接用记事本打开sheet001.htm文件，找到<table> </table>标签内容

转载自：
Markdown表格——复杂表格