在mrakdown文件中对单元格进行合并
一、创建表格的方法
在markdown文件中创建单元格的方式有两种:
(1)
项目 | 值
----- | -----
project1 | value1
project2 | value2
project3 | value3
项目 | 值 |
---|
project1 | value1 |
project2 | value2 |
project3 | value3 |
(2)HTML格式
<table>
<tr>
<th>标题一</th>
<th>标题二</th>
<th>标题三</th>
<tr/>
<tr>
<td>行一</td>
<td>行一</td>
<td>行一</td>
</tr>
<tr>
<td>行二</td>
<td>行二</td>
<td>行二</td>
</tr>
<tr>
<td>行三</td>
<td>行三</td>
<td>行三</td>
</tr>
</table>
标题一 | 标题二 | 标题三 |
---|
|
行一 | 行一 | 行一 |
行二 | 行二 | 行二 |
行三 | 行三 | 行三 |
第一种方法中是没有办法对单元格进行操作的,所以要使用合并单元格的话,一般只能使用HTML进行编写。
二、合并单元格
学生情况表
学号 | 姓名 | 性别 | 年龄 | 籍贯 | 班级号 | 成绩 |
---|
数学 | 物理 | 化学 | 外语 |
6001 | 张三 | 男 | 19 | 北京 | 15 | 82 | 85 | 90 | 92 |
6002 | 李四 | 女 | 20 | 上海 | 15 | 90 | 92 | 91 | 95 |
6003 | 王武 | 男 | 18 | 湖南 | 15 | 93 | 95 | 91 | 94 |
…… | …… | …… | …… | …… | …… | …… | …… | …… | …… |
数据结构 | 数据的逻辑关系 | 数据元素以及数据元素之间的逻辑关系 |
---|
数据的存储结构(物理结构) | 数据元素以及数据元素之间的关系在计算机中的存储表示 |
数据的运算 | 对数据施加的操作 |
以这两张表格为例,进行分析,其中涉及到:
- 表格标题
- 表头
- 行合并
- 列合并
其中我们把重点放在行合并和列合并上面,其他内容只作简单讲解。
行合并
- 首先准备一个两行多列的表格
<table>
<caption>学生情况表</caption>
<tr>
<th>学号</th>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
<th>籍贯</th>
<th>班级号</th>
<th>成绩</th>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>数学</td>
<td>物理</td>
<td>化学</td>
<td>外语</td>
</tr>
</table>
学生情况表
学号 | 姓名 | 性别 | 年龄 | 籍贯 | 班级号 | 成绩 |
---|
| | | | | | 数学 | 物理 | 化学 | 外语 |
- 设置colspan属性来达到行合并的目的。例:成绩是数学、物理、化学、外语四门学科的总合,那么成绩是四个单元格的合并,相应的把colspan设置为4。在进行这一步的前提是第二行的单元格数量一定要比第一行的多。
<th colspan="4">成绩</th>
学生情况表
学号 | 姓名 | 性别 | 年龄 | 籍贯 | 班级号 | 成绩 |
---|
| | | | | | 数学 | 物理 | 化学 | 外语 |
列合并
在上一步的基础上,设置rowspan来达到目的。例:在除了成绩的列标之外,其他列标我们都需要让他们与第二行的单元格进行合并,它们是两个单元格的总合,故把rowspan设置为2。再把我们第一步中第二行插入的空白单元格删去,不然会出现“学生情况表2”的状况。
<th rowspan="2">学号</th>
<th rowspan="2">姓名</th>
<th rowspan="2">性别</th>
<th rowspan="2">年龄</th>
<th rowspan="2">籍贯</th>
<th rowspan="2">班级号</th>
学生情况表
学号 | 姓名 | 性别 | 年龄 | 籍贯 | 班级号 | 成绩 |
---|
数学 | 物理 | 化学 | 外语 |
学生情况表2
学号 | 姓名 | 性别 | 年龄 | 籍贯 | 班级号 | 成绩 |
---|
| | | | | | 数学 | 物理 | 化学 | 外语 |
其他
- 示例完整代码
<table>
<caption>学生情况表</caption>
<tr>
<th rowspan="2">学号</th>
<th rowspan="2">姓名</th>
<th rowspan="2">性别</th>
<th rowspan="2">年龄</th>
<th rowspan="2">籍贯</th>
<th rowspan="2">班级号</th>
<th colspan="4">成绩</th>
</tr>
<tr>
<td>数学</td>
<td>物理</td>
<td>化学</td>
<td>外语</td>
</tr>
</table>
- 表格标题使用caption标签设置
caption标签必须紧跟table标签之后,只能每个表格定义一个标题。通常这个标题会被居中于表格之上。 - 使用th标签用于定义表格的行头
- 合并单元格时,只需要计算需要合并多少个单元格,colspan和rowspan的值就等于计算出的结果。