--- title: 表格 slug: docs/cn/KvJuuvEcISvD5zL2XFDf9 createdAt: 2020-03-10T11:33:29.000Z --- 有时，列表不足以传达您想要的信息。这就是可编辑表格存在的原因。 表格可让您以清晰、有序且视觉上更直观的方式组织和呈现信息。它非常适合以行和列的形式显示数据，使比较、分析和理解变得容易。 *** ## 何时使用表格 当您的内容： ::::LinkArray{contentSource="CUSTOM" itemsPerRow="3"} :::LinkArrayItem :Lucide[]{icon="ListChecks"} 具有重复模式（例如属性、功能、数据点） ::: :::LinkArrayItem :Lucide[]{icon="Banknote"} 需要比较（定价、方案、规格） ::: :::LinkArrayItem :Lucide[]{icon="MoveHorizontal"} 需要横向浏览时 ::: :::: *** ## 如何添加表格 ::::WorkflowBlock :::WorkflowBlockItem 输入 `/` 打开区块列表菜单 ::: :::WorkflowBlockItem 搜索 **表格** 并点击以插入 ::: :::WorkflowBlockItem 将创建一个包含首行作为表头的基础 3x4 表格 ::: :::: 或者，您也可以直接插入表格，只需输入 `(表格)`。 | | | | | ------ | - | - | | | | | | | | | | | | | *** ## 了解表格控件 每个表格都有交互式控件，当您点击手柄、单元格或边距时会显示。 ::::VerticalSplit{layout="middle"} :::VerticalSplitItem ### 行手柄（左侧） 每一行都有自己的手柄。您可以使用它来： - 在上方添加行 :Lucide[]{icon="ArrowUpFromLine"} 或在下方添加行 :Lucide[]{icon="ArrowDownFromLine"}； - 更改背景颜色 :Lucide[]{icon="PaintBucket"}； - 删除行 :Lucide[]{icon="Trash"}； ::: :::VerticalSplitItem ![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/Yg6LvC-mBauQuP0IUNSQ2-20260302-205158.png) ::: :::: ::::VerticalSplit{layout="middle"} :::VerticalSplitItem ### 列控点（顶部） 每一列都有自己的控点。您可以用它来： - 将内容对齐到左侧 :Lucide[]{icon="AlignLeft"}、居中 :Lucide[]{icon="AlignCenter"} 或右侧 :Lucide[]{icon="AlignRight"}； - 更改背景颜色 :Lucide[]{icon="PaintBucket"}； - 在左侧添加列 :Lucide[]{icon="ArrowLeftFromLine"}或右侧 :Lucide[]{icon="ArrowRightFromLine"}； - :Lucide[]{icon="Trash"} 删除行 ::: :::VerticalSplitItem ![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/az8JCDRR3Px0zqdn79NlR-20260302-205146.png) ::: :::: ::::VerticalSplit{layout="middle"} :::VerticalSplitItem ### 角落圆点（左上角） 用于整个表格的操作，例如： - 更改边框颜色 :Lucide[]{icon="Table"}； - 将第一行显示为表头 :Lucide[]{icon="PanelTop"}； - 冻结表头 :Lucide[]{icon="Snowflake"}； ::: :::VerticalSplitItem ![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/2SzZMQX5-_zpGzHwGGP3e-20260302-205118.png) ::: :::: ::::VerticalSplit{layout="middle"} :::VerticalSplitItem ### 单元格弹出菜单 当您点击单元格内部或选择多个单元格时会出现。可进行以下操作： - 合并单元格 :Lucide[]{icon="TableCellsMerge"}； - 拆分单元格 :Lucide[]{icon="TableCellsSplit"}； - 更改背景颜色 :Lucide[]{icon="PaintBucket"}； ::: :::VerticalSplitItem ![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/b4uNPi_dBce6cNh3jZ5kV-20260302-204219.png) ::: :::: ::::VerticalSplit{layout="middle"} :::VerticalSplitItem ### 调整列宽 - 调整单元格宽度 调整列宽可让您控制每一列所占的空间。 将光标悬停在列的**右边缘**或**左边缘**，然后**点击并拖拽**即可调整宽度。 ::: :::VerticalSplitItem ![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/YoLc9h8D-erziircvDlgT-20260302-210241.png) ::: :::: *** ## 编辑单元格内容 表格中的每个单元格都是其**独立的小编辑器**。您可以像在普通区块中一样输入、格式化和组织内容，无需任何特殊工具或步骤。只需点击单元格内部即可开始输入。 ::::VerticalSplit{layout="middle"} :::VerticalSplitItem 选择文本将触发 [所见即所得菜单](docId\:ZdQ_MBBaBbz63O1y4dTZU) 显示，为您提供加粗、斜体、行内代码、链接以及您通常使用的其他基础格式。 ::: :::VerticalSplitItem ![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/e5Ns1ANbuHq7blSVu361B-20260302-214253.png) ::: :::: ::::VerticalSplit{layout="middle"} :::VerticalSplitItem 单元格还支持插入块。以下是您可以使用的单元格内可用块类型： - **标题** - **列表** - **图像** 这些是表格单元格内唯一支持的块类型。 ::: :::VerticalSplitItem ::Image[]{src="https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/5oyz0_5kBE1A_HmS3FoHN-20260302-214213.png" size="80" width="738" height="697" position="center" darkWidth="738" darkHeight="697" showCaption="false"} ::: :::: *** ## 全屏编辑模式 当表格变得较大或视觉上较复杂时，页面内编辑器可能会显得局促。 ::::VerticalSplit{layout="middle"} :::VerticalSplitItem “**全屏编辑模式**”为您提供一个专用编辑器，特别适用于管理大型数据集和宽表格，对所有用户都有益： - **一次查看更多列**，无需水平滚动。 - **在无干扰空间中**处理大量行数。 - **添加、移除或重新排列行和列**时视觉干扰更少。 - **避免页面重排** —— 文档的其余部分不会干扰您。 ::: :::VerticalSplitItem ![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/BCP9uYIPqxMP5kdbHZ_0Y-20260302-222059.png) ::: :::: ::::VerticalSplit{layout="middle"} :::VerticalSplitItem 要打开全屏模式，请点击右上角的 **展开图标**。 要关闭，只需按下 `esc` 键或按钮，或点击外部区域。 所有更改都会自动保存。 ::: :::VerticalSplitItem ::Image[]{src="https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/H1HYQVKfvyTuBSiPsRGeA-20260302-221726.png" size="80" width="368" height="236" position="center" darkWidth="368" darkHeight="236" showCaption="false"} ::: :::: 以下是一个使用冻结表头的表格示例： | **功能** | **成长型** | **扩展型** | **企业版** | | ------------------- | ------------- | -------------- | --------------- | | Spaces 与 Documents | 无限制 | 无限制 | 无限制 | | 公开 spaces | ✅ | ✅ | ✅ | | 自定义域名发布 | ✅ | 点亮 | 点亮 | | CDN 与图片优化 | 点亮 | 点亮 | 点亮 | | 文档验证 | 点亮 | 点亮 | 点亮 | | 全文搜索 | 点亮 | 点亮 | 点亮 | | SEO 优化 | 点亮 | 点亮 | 点亮 | | AI/LLM 优化 | 点亮 | 点亮 | 点亮 | | 文件存储 | 10GB + 2GB/成员 | 20GB + 10GB/成员 | 100GB + 10GB/成员 | | 文档修订历史 | 1 年 | 2 年 | 5 年 | | 自定义域名 | 1 | 1 | 按合同 | | 用于多产品文档的 Space 链接 | — | ✅ | ✅ | | 用于多版本文档的 Version 链接 | — | ✅ | ✅ | | 语言本地化 | — | ✅ | ✅ | | 可复用变量 | — | ✅ | ✅ | | 搜索分析 | — | ☑️ | ☑️ | | Space 组 | — | ☑️ | ☑️ | | 自动 AI 翻译 | — | — | ✅ | | 显示规则和条件内容 | — | — | ✅ | | 读者和流量 | 无限制 | 无限制 | 无限制 | | 密码验证 | ✅ | ✅ | ✅ | | 访客账户 | — | ✅ | ✅ | | Magic links | — | ✅ | ✅ | | JWT | — | ✅ | ✅ | | SAML | — | — | ✅ | *** ## 供读者使用的全屏查看模式 ::::VerticalSplit{layout="middle"} :::VerticalSplitItem 读者可以通过点击展开图标放大任何表格。 表格会在一个大型的可滚动弹窗中打开，消除页面限制，使宽或数据量大的表格更易阅读。 ::: :::VerticalSplitItem ![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/KHC1xa5dsaH7Ch9PE-LG_-20260302-223556.gif) ::: :::: *** ## 示例 下面是另一个示例，用于展示表格可以实现的效果： | **功能集 1** | **功能集 2** | **功能集 3** | | --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------- | | 无限阅读者 | :inlineImage[]{src="https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/woqyzd8gCyu9t8AepPjXp_archbee-logo-typemark-light.png" alt caption size="60" width="256" height="64"} | SAML | | 自定义域名 | 高级集成 | API Access | | 完整品牌化 | 自定义代码 | 客户成功经理 | *** ::::LinkArray{contentSource="CUSTOM"} :::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-C1IcmVcG0rx4ZLHX6X7V7-20250911-192557.png"} :FontAwesome[]{icon="fa-solid fa-cubes"} ** 查找其他区块** 探索创建令人惊艳且功能完善的文档页面的新方式和区块。 [查看所有区块](docId\:B4IohMBgLgJ5t-HvaLMTF) ::: :::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-YRyGGWKsNS1ZZJa5XJy0z-20250911-192608.png"} :FontAwesome[]{icon="fa-solid fa-headset"}** 需要帮助？ ⬇️** 使用**蓝色** **聊天气泡**（在右下角）。 或者试试**AI 聊天**（来自搜索框）以快速获得答案。 ::: :::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-MS_ubDHlXgoktt4svD2rL-20250911-192619.png"} :FontAwesome[]{icon="fa-solid fa-hand-holding-heart"}** 您的意见对我们很重要** 使用下面的反馈表单（匿名）。 或者在**问答（Q\&A）部分**中提问，我们的团队或 AI 会给您解决方案。 ::: ::::