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

快来试试吧

相关推荐
修己xj7 天前
MarkText:一款被低估的开源 Markdown 编辑器
markdown
大家的林语冰10 天前
连 Markdown 都不放过,Rust 在前端基建杀疯了,万物皆可“锈化“!
前端·javascript·markdown
曲幽15 天前
别只盯着GitBook了!这个文档神器让你的笔记秒变网站
web·markdown·docsify·seo·gitbook·vuepress·document·index
一只fish18 天前
一文了解Markdown
html·markdown
vortex519 天前
CheatMD:让 Markdown 笔记变成可执行的交互式命令
笔记·网络安全·markdown
MIXLLRED20 天前
随笔——在 Ubuntu 22.04 中查看 Markdown (.md) 文件
linux·运维·ubuntu·markdown
不剪发的Tony老师22 天前
MarKing:一款现代化专业级Markdown编辑器
文本编辑器·markdown·知识管理
Soari23 天前
GitHub 开源项目解析:microsoft/markitdown —— 面向 LLM 的多格式文档转 Markdown 工具
microsoft·开源·github·markdown·rag
仿生狮子25 天前
🎼 从文本到交互界面——GenUI 的中庸之道
前端·vue.js·markdown
X档案库1 个月前
告别臃肿与残缺!MarkShareX——AI原生+Rust轻量自托管Markdown博客,一站式建站首选
ai·博客·markdown