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

快来试试吧

相关推荐
小手智联老徐8 天前
使用 Notepad++ 编辑显示 MarkDown
python·notepad++·markdown
lixww.cn15 天前
ASP.NET Core中间件Markdown转换器
中间件·markdown·asp.net core
大口粘痰嚼不烂19 天前
十分钟快速上手 markdown
markdown
BIT祝威1 个月前
拥有自己的解析器(C#实现LALR(1)语法解析器和miniDFA词法分析器的生成器)
markdown·面向对象·编译器·compiler
杨浦老苏1 个月前
无数据库开源Wiki引擎WikiDocs
docker·markdown·群晖·wiki
shao9185161 个月前
大模型UI:Gradio全解11——Chatbot:融合大模型的聊天机器人(4)
markdown·gradio·chatbot·streaming·blocks
wuzuyu3651 个月前
doc、pdf转markdown
pdf·markdown
君醉酒1 个月前
pandoc + wkhtmltox 批量转换Markdown文件为PDF文件
python·pdf·markdown·pandoc·wkhtmltopdf
听吉米讲故事1 个月前
MinerU:高效智能PDF文档解析工具完全指南
pdf·llm·markdown
桃园码工2 个月前
1-markdown转网页样式页面 --[制作网页模板] 【测试代码下载】
markdown·网页样式页面·制作网页模板