百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

Markdown表格合并_markdown表格合并单元格

myzbx 2025-02-17 13:16 31 浏览

Markdown表格

Markdown表格的语法如下:

 |   |   |   |   |
 | - | - | - | - |
 |   |   |   |   |

显示效果如下:

姓名

性别

年龄

生日

张小凡

13

-

陆雪琪

16

-

碧瑶

15

-

我们可以:在第二行,也就是表头下面的一行,去规定它是左对齐,右对齐,或者是居中,分别是:--::-:,除此之外,就没有其他的控制的方式了,markdown对于表格的控制是比较弱的,比如说表格的合并,markdown自身就无能为力了,好在它支持html的语法,我们也可以实现表格的控制。

姓名

性别

年龄

生日

张小凡

13

-

陆雪琪

16

-

碧瑶

15

-


HTML表格

html之中,使用table作为表格

table表示表格,里面的元素有表头,行,单元格

th表示表头,tr表示行,td表示单元格

普通的HTML表格

第1列

第2列

第3列

第4列

1

2

3

第4列

1

2

3

第4列

1

2

3

第4列

1

2

3

第4列

第1列第2列第3列第4列
123第4列
123第4列
123第4列
123第4列

同一行的单元格合并

同一行的单元格要合并,那就是一个单元格,占多个单元格的位置,位置是span,就可以使用colspan = "x",来表示所在的单元格占多少个格子。

第1列

第2列

第3列

第4列

1

2

3

第4列

1

第4列

1

2

3

第4列

1

2

3

第4列

第1列第2列第3列第4列
123第4列
1第4列
123第4列
123第4列

同一列的单元格合并

同一列的单元格要合并,那就是一个单元格,占多行单元格的位置,位置是span,就可以使用rowspan = "x",来表示所在的单元格占多少个列方向的单元格。

第1列

第2列

第3列

第4列

1

2

3

第4列

1

2

3

第4列

1

2

3

1

2

3

第1列第2列第3列第4列
123第4列
123第4列
123
123

行和列同时合并

这个时候,就需要把colspan = "x"rowspan = "x",同时使用了,下面是二者没有关系的一种情况。

第1列

第2列

第3列

第4列

1

2

3

1

2

3

第4列

1

2

3

1

2

3

第1列第2列第3列第4列
123
123第4列
123
123

下面是二者之间相互关联的一种情况。

第1列

第2列

第3列

第4列

1

2

3

第4列

1

2

1

1

第1列第2列第3列第4列
123第4列
12
1
1

表格实战测试

分析:主要是纵向的表格的合并,文字放置在表格的中间,表格头背景颜色设为粉红色,然后表头文字是红色。我们开始实现。

1.先去处理第一列的单元格,占据3个单元格,整体的显示效果和代码如下:

派别

姓名

年龄

性别

武器

1

2

3

4

5

2

3

4

5

2

3

4

5

派别姓名年龄性别武器
12345
2345
2345

2.然后处理第4列的两个单元格,也是纵向的,合并的单元格,会自动占据它所合并的方向的位置,相应的位置,计算的时候会在下一行或者相邻的列里面也计算在内,它下面的一个元素,自动跟在这个“隐藏元素”的后面比如青云山,男这两个元素的位置,就体现了这个原则。整体的显示效果和代码如下:

派别

姓名

年龄

性别

武器

青云山

2

3

5

2

3

5

2

3

4

5

1

2

3

4

5

派别姓名年龄性别武器
青云山235
235
2345
12345

3.然后我们实现居中,使用style,对于整个table设置,也可以对某个tr,或者某一个td使用,越小的控制,起作用的优先级越高,比如第2行,设置向右对齐,它的优先级高于整个table的设置。整体的显示效果和代码如下:

派别

姓名

年龄

性别

武器

青云山

2

3

5

2

3

5

2

3

4

5

1

2

3

4

5

派别姓名年龄性别武器
青云山235
235
2345
12345

4.实现其他的表格合并的效果,整体的显示效果和代码如下:

派别

姓名

年龄

性别

武器

青云山

2

3

5

2

3

5

2

3

4

5

1

2

3

5

鬼王宗

2

3

5

2

3

4

5

派别姓名年龄性别武器
青云山235
235
2345
1235
鬼王宗235
2345

5.填充数据

派别

姓名

年龄

性别

武器

青云山

张小凡

16

烧火棍

曾书书

17

轩辕

陆雪琪

18

天琊

天音寺

普智

500

嗜血珠

鬼王宗

鬼王

1000

朱雀印

碧瑶

15

伤心花

派别姓名年龄性别武器
青云山张小凡16烧火棍
曾书书17轩辕
陆雪琪18天琊
天音寺普智500嗜血珠
鬼王宗鬼王1000朱雀印
碧瑶15伤心花

6.修改表头样式,仍然是使用style,修改背景色background-color,字体颜色color就可以了。

派别

姓名

年龄

性别

武器

青云山

张小凡

16

烧火棍

曾书书

17

轩辕

陆雪琪

18

天琊

天音寺

普智

500

嗜血珠

鬼王宗

鬼王

1000

朱雀印

碧瑶

15

伤心花

派别 姓名 年龄 性别 武器
青云山张小凡16烧火棍
曾书书17轩辕
陆雪琪18天琊
天音寺普智500嗜血珠
鬼王宗鬼王1000朱雀印
碧瑶15伤心花

以上就是实战环节,完成了既定的目标的表格的单元格合并与样式的改造,over!


typora插件

据说VLOOK可以,但是我测试了之后,不行,合并单元格功能无法正常使用。


tables generator

如果你没有html基础,或者是觉得麻烦,或者是不太想去写表格,没关系,也有办法,直接生成,按照目标样式自定义去合并,设置样式,然后生成,拷贝到typora之中即可!!!方便快捷,省时省力!!!只需浏览器收藏url:
https://www.tablesgenerator.com/html_tables
,因为我们现在实现表格的合并,是通过html的语法来完成的,而tablesgenerator网站可以帮我们实现表格的合并,我们只需要复制其中的代码,然后即可。

相关推荐

零基础入门AI智能体:详细了解什么是变量类型、JSON结构、Markdown格式

当品牌跳出固有框架,以跨界联动、场景创新叩击年轻群体的兴趣点,一场关于如何在迭代中保持鲜活的探索正在展开,既藏着破圈的巧思,也映照着与新一代对话的密码。在创建AI智能体时,我们会调用插件或大模型,而在...

C# 13模式匹配:递归模式与属性模式在真实代码中的性能影响分析

C#13对模式匹配的增强让复杂数据处理代码更简洁,但递归模式与属性模式的性能差异一直是开发者关注的焦点。在实际项目中,选择合适的模式不仅影响代码可读性,还可能导致执行效率的显著差异。本文结合真实测试...

零基础快速入门 VBA 系列 6 —— 常用对象(工作簿、工作表和区域)

上一节,我介绍了VBA内置函数以及如何自动打字和自动保存文件。这一节,我们来了解一下Excel常用对象。Excel常用对象Excel有很多对象,其中最常用也最重要的包括以下3个:1.Workbo...

不同生命数字的生肖龙!准到雷普!

属龙的人总在自信爆棚和自讨苦吃之间反复横跳?看完这届龙宝宝的日常我悟了。属龙的人好像天生自带矛盾体:领导力超强可人缘时好时坏,工作雷厉风行却总在爱情里翻车。关键年份的龙性格差异更大——76年龙靠谱但不...

仓颉编程语言基础-面向对象编程-属性(Properties)

属性是仓颉颉中一种强大的机制,它允许你封装对类(或接口interface、结构体struct、枚举enum、扩展extend)内部状态的访问。它看起来像一个普通的成员变量(字段),但在其背后,它通过...

Python中class对象/属性/方法/继承/多态/魔法方法详解

一、基础入门:认识类和对象1.类和对象的概念在Python中,类(class)是一种抽象的概念,用于定义对象的属性和行为,而对象(也称为实例)则是类的具体表现。比如,“汽车”可以是一个类,它有...

VBA基础入门:搞清楚对象、属性和方法就成功了一半

如果你刚接触VBA(VisualBasicforApplications),可能会被“对象”“属性”“方法”这些术语搞得一头雾水。但事实上,这三个概念是VBA编程的基石。只要理解它们之间的关系,...

P.O类型文推荐|年度编推合集(一百九十五篇)

点击左上方关注获取更多精彩推文目录2019年度编推35篇(1V1)《悖论》作者:流苏.txt(1V1)《桂花蒸》作者:大姑娘浪.txt(1V1)《豪门浪女》作者:奚行.txt...

Python参数传递内存大揭秘:可变对象 vs 不可变对象

90%的Python程序员不知道,函数参数传递中可变对象的修改竟会导致意想不到的副作用!一、参数传递的本质:对象引用传递在Python中,所有参数传递都是对象引用的传递。这意味着函数调用时传递的不是对...

JS 开发者必看!TC39 2025 最新动向,这些新语法要火?

大家好,很高兴又见面了,我是"高级前端进阶",由我带着大家一起关注前端前沿、深入前端底层技术,大家一起进步,也欢迎大家关注、点赞、收藏、转发,您的支持是我不断创作的动力。TC39第...

2025 年值得尝试的 5 个被低估的 JavaScript 库

这些JavaScript库可能不会在社交媒体或HackerNews上流行起来,但它们会显著提高您的工作效率和代码质量。JavaScript不再只是框架。虽然React、Vue和Sv...

Python自动化办公应用学习笔记30—函数的参数

一、函数的参数1.形参:o定义:在函数定义时,声明在函数名后面括号中的变量。o作用:它们是函数内部的占位符变量,用于接收函数被调用时传入的实际值。o生命周期:在函数被调用时创建,在函数执...

16种MBTI人格全解析|测完我沉默了三秒:原来我是这样的人?

MBTI性格测试火了这么久,你还不知道自己是哪一型?有人拿它当社交话题,有人拿它分析老板性格,还有人干脆当成择偶参考表。不废话,今天我一次性给你整理全部16种MBTI人格类型!看完你不仅能知道自己是谁...

JS基础与高级应用: 性能优化

在现代Web开发中,性能优化已成为前端工程师必须掌握的核心技能之一。本文从URL输入到页面加载完成的全过程出发,深入分析了HTTP协议的演进、域名解析、代码层面性能优化以及编译与渲染的最佳实践。通过节...

爱思创CSP-J/S初赛模拟赛线上开赛!助力冲入2024年CSP-J/S复赛!

CSP-J/S组初赛模拟赛爱思创,专注信奥教育19年,2022年CSP-J/S组赛事指定考点,特邀NOIP教练,开启全真实CSP-J/S组线上初赛模拟大赛!一、比赛对象:2024年备考CSP-J/S初...