Markdown表格的使用

Markdown表格的使用

Markdown表格的使用👈点击这里也可查看

前言

表格通常作为一种布局的形式,用于结构化的数据展示。

Markdown表格包含三个部分:表头,分割线,数据。

  • 表头用来对列名对象进行描述,也就是通常所说的列名。
  • 数据用来展示每行的具体内容,数据是表格的核心。
  • 分割线用来区分表头和数据,也是Markdown中表格定义的最基本语法要求。

语法详解

定义表格

Markdown表格由「竖线 |」、「减号 -」、「冒号 :」三种符号组成。

  • 竖线用来定义列,每两个竖线之间为一个单元格元素。
  • 减号用来定义分割线,也就是分割表头和数据体。
  • 冒号配合减号使用,用于定义列数据的对齐属性。

我们先假定一组表格数据:

复制代码
学号  姓名
1       张三
2       李四
3       王五

这其中,第一行 "学号" 和 "姓名" 就是表格的表头,"1"、"2"、"3","张三"、"李四",这些都属于数据体,我们可以用以下方式展示表格内容。
实例一:

代码:

复制代码
|学号|姓名|
|----|----|
|1|张三|
|2|李四|
|3|王五|

注意竖线和竖线之间的减号数量可以自定义,数量为大于等于1
渲染:

学号 姓名
1 张三
2 李四
3 王五

设定表格列内容的对齐方式

在分割线上使用:冒号,可以定义列内容的对齐方式
实例二:

代码:

复制代码
|左对齐|居中对齐|右对齐|
|:--|:--:|--:|
|1|张三|17岁|
|2|李四|18岁|
|3|王五|19岁|

:--左侧冒号代表左对齐
--:右侧冒号代表右对齐
:--:左侧右侧都有冒号代表居中对齐
渲染:

左对齐 居中对齐 右对齐
1 张三 17岁
2 李四 18岁
3 王五 19岁

使用场景及实例

表格在文章中多用于展示数据或者计划,例如数据库设计文档中,对于Table内容的展示,或者课程表等等。

实例三:

一张小学生的课程表

代码:

复制代码
| |周一|周二|周三|周四|周五|
|--:|---|---|---|---|---|
|1|数学|英语|数学|语文|品德|
|2|美术|数学|品德|数学|语文|
|3|品德|品德|语文|体育|数学|
|4|语文|音乐|体育|品德|美术|
|||||||
|5|数学|英语|语文|数学|语文|
|6|品德|数学|美术|劳动|活动|

渲染:

周一 周二 周三 周四 周五
1 数学 英语 数学 语文 品德
2 美术 数学 品德 数学 语文
3 品德 品德 语文 体育 数学
4 语文 音乐 体育 品德 美术
5 数学 英语 语文 数学 语文
6 品德 数学 美术 劳动 活动

小结

  • 数据表格使用|,-,:,三种符号定义,包含表头,分割线,数据三部分
  • 数据表格必须包含表头和分割线,否则无法渲染成功
  • 数据表格转化失败通常用于表头和分割线的数量不相等所导致,所以在遇到问题时,请首先检查单元格数量是否匹配。
  • Markdown中的表格的原生支持只有固定格式,无法支持复杂格式,如果需要定义复杂的表格效果,请使用html的<Table>标签实现

如果对您有帮助,请您点赞、收藏、关注、转发,让更多的人看到。

其他文章

点击此处查看

👉Markdown语法字体字号讲解

👉Markdown如何填充前景色、背景色

👉Markdown代码块,超链接,图片的插入

👉Markdown如何添加任务列表-复选框的添加

👉Markdown中特殊符号的使用

👉Markdown实现代码高亮,注释代码

👉Markdown注释的用法

快来试试吧

相关推荐
码头码农2 天前
OpenClaw Skill开发实战:从入门到独立发布
开源·markdown
前端付豪2 天前
实现 AI 回复支持 Markdown 渲染
前端·人工智能·markdown
木斯佳2 天前
前端八股文面经大全:得物AI应用开发一面(2026-03-23)·面经深度解析【加精】
前端·人工智能·ai·markdown·chat·rag
Jay_Franklin4 天前
Quarto与Python集成使用
开发语言·python·markdown
伟贤AI之路6 天前
Markdown写彩色文字+公式,MD2WD直接转Word,保留所有格式
word·markdown
夏至xz7 天前
类似 typora 的新一代 Markdown 编辑器
编辑器·typora·markdown·milkup·milkdown
伟贤AI之路8 天前
原创分享:用Markdown优雅地制作报告和PPT演示
powerpoint·markdown
竹林8188 天前
用Python脚本批量发布Markdown文章,我踩了三个坑才搞定
python·markdown·自动化运维
leafyyuki10 天前
前端 SSE 流式请求实战:打造流畅的 AI 流式应答体验
前端·人工智能·markdown
芥子沫11 天前
Memos 备忘录的Markdown语法介绍
markdown·备忘录·编辑器语法