应用模板:表格

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

# 合并行(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

# 同时合并行和列

你还可以同时使用 colspanrowspan 来合并行和列。

<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

在 Typora 中,这些 HTML 表格代码会被渲染成相应的表格,并且单元格会按照你指定的方式进行合并。记得在写完 HTML 表格代码后,按下 Ctrl + Enter(或在 Mac 上是 Cmd + Enter)来查看渲染后的表格效果。

上次更新时间: 4/1/2025, 1:43:47 AM