应用模板:表格
accttodo 12/31/2024 应用模板
目录
参考:
# 应用模板:表格
在 Typora 中使用 HTML 实现单元格的合并非常简单,你只需要在 Markdown 文档中直接写入 HTML 表格代码即可。Typora 支持直接插入 HTML,所以你可以在 Markdown 文档中插入 HTML 表格标签来创建和合并单元格。 以下是几个示例,展示了如何在 Typora 中使用 HTML 来合并表格单元格:
# 合并列(Colspan)
要在 Typora 中合并列,你可以在 <td>
标签中使用 colspan
属性,并设置你想要合并的列数。
<table>
<tr>
<th>标题1</th>
<th>标题2</th>
<th>标题3</th>
</tr>
<tr>
<td>A1</td>
<td colspan="2">A2 跨两列</td>
</tr>
<tr>
<td>B1</td>
<td>B2</td>
<td>B3</td>
</tr>
</table>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
# 合并行(Rowspan)
要在 Typora 中合并行,你可以在 <td>
标签中使用 rowspan
属性,并设置你想要合并的行数。
<table>
<tr>
<th>标题1</th>
<th>标题2</th>
<th>标题3</th>
</tr>
<tr>
<td rowspan="2">A1 跨两行</td>
<td>A2</td>
<td>A3</td>
</tr>
<tr>
<td>B2</td>
<td>B3</td>
</tr>
</table>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
# 同时合并行和列
你还可以同时使用 colspan
和 rowspan
来合并行和列。
<table>
<tr>
<th>标题1</th>
<th>标题2</th>
<th>标题3</th>
</tr>
<tr>
<td rowspan="2" colspan="2">A1 跨两行两列</td>
<td>A3</td>
</tr>
<tr>
<td>B3</td>
</tr>
</table>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14
在 Typora 中,这些 HTML 表格代码会被渲染成相应的表格,并且单元格会按照你指定的方式进行合并。记得在写完 HTML 表格代码后,按下 Ctrl + Enter
(或在 Mac 上是 Cmd + Enter
)来查看渲染后的表格效果。