Skip to content

表格

原型文件支持创建具有不同字段类型的表格,可结合团队库组件进行个性化定制,便于快速绘制后台原型中的表格页面,适用于列表等需要展示大量数据的场景。

添加表格

进入「资源库 - 基础资源 - 基础」,选择「表格」拖拽到画布。

编辑表格

单击表格任意区域,即可选中整个表格。选中表格后,上方显示编辑浮窗,可添加行列、设置布局等,同时右侧属性栏支持编辑表格的宽高、布局和填充等属性。

新增行、列

选中表格时,点击行或列中间的顶部小圆点图标进行添加。

  • 添加行:可直接添加,添加时会自动填充上一行的内容
  • 添加列:支持选择数据类型——文本、标签、单选、多选、按钮、开关、图像

删除行、列

单击表格行、列顶端的选择条,选中整行、整列,按 Delete 键,或点击编辑浮窗中的「删除」按钮。

调整行高、列宽

鼠标移动至行或列中间分割线处,光标变为调整大小手势后,按住高亮分割线拖拽进行调整。

编辑单元格

选择单元格

  • 单选:选中表格后,单击单元格即可选中,双击进入编辑状态
  • 多选:按住 Shift 键并单击单元格,可进行多选操作

设置单元格布局

选中单元格,点击浮窗中的「布局」按钮设置对齐方式,或在右侧属性栏的「布局」模块中选择对齐方式。

合并或拆分单元格

  • 方式一:选中单元格后,点击浮窗中的「合并 & 拆分单元格」按钮
  • 方式二:选中单元格后,右键选择「合并单元格」或「拆分单元格」

填充单元格颜色

选中表格或需要设置背景颜色的部分单元格,在右侧属性栏的「填充」模块中,设置背景颜色和透明度。