Axure:使用中继器(Repeater)制作表格

效果图:

Axure:使用中继器(Repeater)制作表格

步骤:1、底层矩形

Axure:使用中继器(Repeater)制作表格

使用数值调整宽高;Fill无填充颜色;Border有边框:第一种直线,选择边框颜色#CCCCCC

2、表头和水平线

Axure:使用中继器(Repeater)制作表格

使用表格(Table)作表头,表格宽度略小于底层矩形,Border无边框

Axure:使用中继器(Repeater)制作表格

水平线隔开表头和表格内容,Fill选择和底层边框同样填充颜色

3、中继器

(1)布局容器

Axure:使用中继器(Repeater)制作表格

拖动出Repeater,双击进入具体页面

Axure:使用中继器(Repeater)制作表格

(这里相当于布置容器)用一个矩形作为底框,复制四个小矩形代表表格共有四列,重命名标识

选中矩形宽度略小于整体表格宽度,无边框,无填充颜色

(2)添加数据

Axure:使用中继器(Repeater)制作表格

(右侧Repeater控件内填写数据)

Axure:使用中继器(Repeater)制作表格

Axure:使用中继器(Repeater)制作表格

在repeater参数填写表格数据,添加关联,更改value值,将Repeater容器和数据每列绑定

Axure:使用中继器(Repeater)制作表格

在参数ItemBackground可以设置隔一行背景颜色

(3)将repeater转变为动态面板

Axure:使用中继器(Repeater)制作表格

转成动态面板以后右键设置滚动条

Axure:使用中继器(Repeater)制作表格

预览

Axure:使用中继器(Repeater)制作表格

Axure:使用中继器(Repeater)制作表格