表格

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

添加表格

  • 进入“资源库-基础资源 - 基础”,选择“表格”拖拽到画布。

编辑表格

选中表格

  • 单击表格任意区域,即可选中整个表格。

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

新增行、列

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

  • 添加行:可直接添加,添加时会自动填充上一行的内容。

  • 添加列:支持选择数据类型“文本、标签、单选、多选、按钮、开关、图像”,可选择自己所需要的类型。

新增行列@2x.png

删除行、列

  • 单击表格行、列顶端的选择条,选中整行、整列。

  • 按「 delete 」键,或点击编辑浮窗中的「删除」按钮。

删除行列@2x.png

调整行高、列宽

  • 鼠标移动至行或列中间分割线处,光标会变为“调整大小”的手势。

  • 按住高亮分割线,拖拽进行调整行高、列宽。

编辑单元格

表格支持对单元格进行内容编辑、设置格式、合并或拆分等,让表格的应用更加灵活。

选择单元格

单选:选中表格后,单击单元格即可选中,双击进入编辑状态。

多选:按住 「 Shift 」键并单击单元格,可进行多选操作。

设置单元格布局

  • 选中单元格,点击浮窗中的「布局」按钮设置对齐方式。

  • 或在右侧属性栏的“布局”模块中,选择对齐方式。

单元格对齐方式@2x.png

合并或拆分单元格

方式一:选中单元格后,点击浮窗中的「合并& 拆分单元格」按钮。

方式二:选中单元格后,右键选择「合并单元格」或「 拆分单元格」。 合并拆分单元格@2x.png

填充单元格颜色

  • 选中表格或需要设置背景颜色的部分单元格。

  • 在右侧属性栏的“填充”模块中,设置背景颜色和透明度。

填充单元格颜色@2x.png

👉本篇文章对你是否有帮助?👍🏻 有帮助 👎🏻 无帮助,我们期待着你的反馈。