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注释的用法

快来试试吧

相关推荐
深海的鲸同学 luvi15 小时前
【HarmonyOS】原生 Markdown 渲染解决方案 —— @luvi/lv-markdown-in
华为·harmonyos·markdown·原生渲染
secondyoung10 天前
Markdown转换为Word:Pandoc模板使用指南
开发语言·经验分享·笔记·c#·编辑器·word·markdown
Source.Liu12 天前
【mdBook】6 在持续集成中运行 mdbook
markdown
Source.Liu13 天前
【mdBook】5.5 mdBook 特色功能
markdown
Source.Liu14 天前
【mdBook】7.1 预处理器
markdown
Source.Liu15 天前
【mdBook】5.2.3 渲染器配置详解
markdown
Source.Liu17 天前
【mdBook】5.2 配置
markdown
Source.Liu17 天前
【mdBook】1 安装
笔记·rust·markdown
qq74223498417 天前
免费版Markdown 编辑器:Typora
大模型·编辑器·markdown
Georgewu18 天前
【鸿蒙开源技术共建】用@luvi/lv-markdown-in在HarmonyOS上打造高性能Markdown编辑体验
harmonyos·markdown