Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

表格

表格元素使用说明

表格元素是功能强大的容器组件,可用于组织和展示结构化数据,支持添加多种内容元素并进行个性化样式设置。以下是具体操作说明:

表格元素的添加

  1. 先添加一个新区块,进入“添加元素”面板;
  2. 在“内容”分类下找到表格元素,按住并拖动至页面指定位置;
  3. 默认状态下,表格带有预设设置,可直观了解其基础功能。

表格的基础结构设置(点击右上角表格元素设置)

  • 标题与侧边栏
    • 标题区域:可激活或隐藏,用于展示表格标题信息;
    • 侧边栏:可激活或隐藏,支持独立设置样式与内容。
  • 行列设置
    • 行数:通过滑块控制,也可手动输入超过10行的数值;
    • 列数:设置方式与行数一致,行列数共同约束表格的整体范围。

表格的内容添加

  • 表格中添加内容的操作与页面设计器中添加其他内容一致;
  • 进入“添加元素”面板,选择所需元素(如文本、图标、按钮等),即可在表格内构建多样化内容。

表格的颜色设置

  • 行颜色:在表格元素的“颜色”选项中设置,支持配置交替行颜色(如第一行浅灰色、第二行橙色),形成视觉区分效果。
  • 标题区域颜色:可单独设置标题区域的背景色、文本色等,与表格主体形成风格统一或对比。
  • 侧边栏颜色:专门针对侧边栏的颜色设置,支持根据需求配置交替颜色,增强侧边栏的视觉辨识度。

标题区域的设置

  • 内容编辑:选中标题区域的任意文本,可直接输入或修改标题内容;支持为标签逐个添加图标。
  • 排版与对齐:可设置标题区域的排版样式(如字体、字号)和对齐方式(左对齐、居中、右对齐)。
  • 间距调整:支持为标题区域添加内边距,优化内容与边框的距离。

侧边栏的设置

  • 标签配置:选中侧边栏的任意标签,可单独分配图标,设置图标位置(左侧或右侧)、图标大小及间距。
  • 排版样式:侧边栏的排版设置独立于标题区域,可自定义字体、字号等,形成差异化样式。
  • 尺寸控制:从设置中可调整侧边栏的宽度等尺寸参数,适配内容展示需求。

总结

表格元素作为灵活的容器组件,通过行列设置、标题与侧边栏配置,可构建结构化的内容展示区域。其支持添加多种元素、自定义行颜色与交替样式,以及独立设置标题和侧边栏的排版与颜色,能满足复杂数据或内容的展示需求。合理使用表格元素,可提升页面信息的条理性与可读性,操作时建议根据内容逻辑规划行列结构,并通过颜色与排版设置增强视觉层次。