Markdown-10-表格

表格是 Markdown 中重要的内容组织工具，表格能够清晰地展示结构化数据。

Markdown 制作表格使用 | 来分隔不同的单元格，使用 - 来分隔表头和其他行。

语法格式如下：

表头 | 表头
--- | ---
单元格 | 单元格

效果：

表头	表头
单元格	单元格

语法要点：

• 表头和数据行之间必须有分隔线
• 分隔线至少需要三个连字符 ---
• 两端的竖线 | 是可选的，可以保留以提高可读性
• 不需要严格对齐，但对齐后更美观

对齐方式

• ---:：设置内容和标题栏居右对齐。
• :---：设置内容和标题栏居左对齐。
• :---:：设置内容和标题栏居中对齐。

实例如下：

左对齐 | 右对齐 | 居中对齐
:-- | --: | :--:
内容 | 内容 | 内容

效果：

左对齐	右对齐	居中对齐
内容	内容	内容

复杂表格

单元格内容格式化

表格单元格内可以使用大部分 Markdown 语法：

功能 | 描述 | 状态
--- | --- | :---:
**用户登录** | 支持邮箱和手机号登录 | ✅
*密码重置* | 通过邮箱重置密码 | ⚠️
`API接口` | RESTful API 设计 | ✅
[文档链接](https://example.com) | 查看详细文档 | 📖

效果：

功能	描述	状态
用户登录	支持邮箱和手机号登录	✅
密码重置	通过邮箱重置密码	⚠️
API接口	RESTful API 设计	✅
文档链接	查看详细文档	📖

处理长文本

当单元格内容较长时，可以使用换行处理：

项目 | 详细说明
--- | ---
需求分析 | 1. 收集用户需求<br>2. 分析业务场景<br>3. 确定功能范围
技术选型 | 前端：React + TypeScript<br>后端：Node.js + Express<br>数据库：MongoDB

效果：

项目	详细说明
需求分析	1. 收集用户需求 2. 分析业务场景 3. 确定功能范围
技术选型	前端：React + TypeScript 后端：Node.js + Express 数据库：MongoDB

特殊字符

某些字符在表格中有特殊含义，需要转义：

字符 | 转义方法 | 示例
--- | --- | ---
竖线 | `\|` | 显示 \| 符号
反斜杠 | `\\` | 显示 \\ 符号
HTML | 直接使用 | <code>&lt;div&gt;</code>

效果：

字符	转义方法	示例
竖线	|	显示 | 符号
反斜杠	\\	显示 \ 符号
HTML	直接使用	<div>

美化建议

使用 Emoji 和符号：

状态 | 图标 | 说明
:---: | :---: | ---
完成 | ✅ | 任务已完成
进行中 | 🔄 | 正在处理
待处理 | ⏳ | 等待开始
错误 | ❌ | 出现问题
警告 | ⚠️ | 需要注意

效果：

状态	图标	说明
完成	✅	任务已完成
进行中	🔄	正在处理
待处理	⏳	等待开始
错误	❌	出现问题
警告	⚠️	需要注意

最佳实践

• 财务数据表格：

月份 | 收入 | 支出 | 利润 | 增长率
:---: | ---: | ---: | ---: | ---:
1月 | ¥50,000 | ¥35,000 | ¥15,000 | -
2月 | ¥55,000 | ¥38,000 | ¥17,000 | +13.3%
3月 | ¥62,000 | ¥42,000 | ¥20,000 | +17.6%
**总计** | **¥167,000** | **¥115,000** | **¥52,000** | **+31.1%**

效果：

月份	收入	支出	利润	增长率
1月	¥50,000	¥35,000	¥15,000	-
2月	¥55,000	¥38,000	¥17,000	+13.3%
3月	¥62,000	¥42,000	¥20,000	+17.6%
总计	¥167,000	¥115,000	¥52,000	+31.1%

• 技术对比表格：

特性 | React | Vue.js | Angular | 评分
--- | :---: | :---: | :---: | :---:
学习曲线 | 中等 | 简单 | 复杂 | Vue ⭐⭐⭐
性能表现 | 优秀 | 优秀 | 良好 | 平分 ⭐⭐⭐
生态系统 | 丰富 | 成长中 | 完整 | React ⭐⭐⭐
企业支持 | Facebook | 社区 | Google | Angular ⭐⭐⭐

效果：

特性	React	Vue.js	Angular	评分
学习曲线	中等	简单	复杂	Vue ⭐⭐⭐
性能表现	优秀	优秀	良好	平分 ⭐⭐⭐
生态系统	丰富	成长中	完整	React ⭐⭐⭐
企业支持	Facebook	社区	Google	Angular ⭐⭐⭐