中继器做表格--普通表格

前言：

作为一个B端的产品经理，用到的最多的就是表格了，我刚毕业那会儿一开始是一个矩形一个矩形的做成一个拼凑表格，这种方式调格式还赋值都会特别特别的麻烦，会消耗自己好多时间效率很低；后来好一点就用原始的元件里面带的表格，然而这种的还得点进每一个表格去赋值，也很麻烦；┭┮﹏┭┮

今天我们就来介绍一个好用的工具，用中继器做表格，方便快捷，做好了之后直接参考我之前的那个制作元件库的笔记，做成元件库，想要啥样子的表格直接拉出来稍微调整一下就好，提高效率，上班儿了的小伙伴应该很能体会到一点点弄原型的崩溃；(o゜▽゜)o☆[BINGO!]

具体步骤

1、拖拽几个矩形，调整成想要的表头大小，然后水平整齐排列这个就是根据自己想做的表格的列有多少就弄多少个就行），注意命名，我这里用“列名*”来命名；

PS：这个就是表格表头了，不属于中继器里面的东西，是给用户展示本列代表的含义用的；

2、拖拽一个中继器到画布上：

PS：刚拖拽出来的中继器就是一列三行，，根据我们自己的需要看下一步调整；

3、双击进入中继器，在中继器里面复制表格：

①表格的数量就是你的表头列的数量（上面我们弄了7个矩形并命名列1-列n，所以中继器里面也应该有7个格子分别用来代表每一列的数据内容），并且为了好看以及数据对应，中继器中的表格需要和外面表头的表格上下对齐哦ヾ(◍°∇°◍)ﾉﾞ

②注意注意命名中继器里面的表格，不要重复，以防一会儿太多了加交互的时候看着乱；当有很多的时候真的会看到眼疲劳。。。这里我用“列1-列n标识每一个中继器的矩形”

4、到这一步表格的雏形就是完成了，下一步就是对表格进行数据填充（说人话：就是吧数据放进去O(∩_∩)O哈哈~，咱们面试的时候专业点说数据填充装一下哈哈哈哈O(∩_∩)O哈哈~）

废话少说：有两种方式赋值：

第一种：太简单，就是直接点进中继器给每一个表格赋值，很简单直接看图；PS这里有个小提示就是这个中继器表格有多少行就是图里面右侧数据表格多少行决定的；想要多少行就在这表格里面添加多少行、

第二种：用右侧的那个表格来填充，具体步骤如下：

①给中继器的样式-数据增加列;列数和中继器中的矩形格子个数相同；（然后把你放进去的数据录入进去）就是下面这样子，还有就是注意这个表格的列名取一下，有规则的，你命名的不符合规则系统会提示你；

②：①步骤做了了之后数据有了，下一步就是吧数据分别赋值到中继器表格，这里就需要加事件赋值了，

具体操作：选中中继器-点击新建交互-每项加载时-设置文本-选择需要文本的那个表格设置文本为-点击f（x）变量值-插入变量或者函数哪里选择item.c1;就完成第一列的赋值了；

ps :item指的就是本个中继器的数据集，就是①步骤那个表格；

③如法炮制，把其他6个按照相同的方式完成赋值，完成后看下效果就是下图一样的：数据就全部填充进去了；

5、做一个基础的表格就完成了，效果如下

6、可以根据需要调整列和行数，能够提高效率，文本之后附上本个表格的元件库，自行取用哦；

举例：如果要增加一列数据需要①调整表头②中继器里面的列③本个中继器的数据集的列数④交互事件要加上新加列的赋值语句；4个步骤哦

http://链接：https://pan.baidu.com/s/1TTq_EGwahHnKriVxrKQ8lQ 提取码：jjjj

下一个博客预告：

将表格优化，功能更接近于网页端真实使用；

1、设置表格一页展示多少记录功能

2、设置表格翻页功能

3、设置跳转翻页功能

4、显示表格数据页数功能

如果我不懒，我会在出一般点击添加数据的，看个人工作情况啦

提示：

1、使用中继器的时候上面和左面是有个虚线表格的，不要超过不然做出来会很丑；

2、样式表格有几个按钮的作用看图了解一下下：

中继器做表格--普通表格相关推荐

如何在表格里做计算机统计表,(excel怎么做统计表)excel表格如何制作数据表
Excel如何制作统计数据 Excel制作统计图 Excel有较强图功能,可根据需要选择各的图形.Excel的统计图:包括柱形图.条形图.折线图.饼图.散点图.面积图.环形图.雷达图.曲面图.气泡图. ...
【Axure视频教程】中继器表格——设置表格内容
Hello,今天教大家用中继器制作一个高保真的表格,这个原型复用性极强,制作完成后,只需要在中继器表格中填写数据,自动生成高保真交互,所以强烈推荐给大家.该教程从材料准备到完成交互,手把手的教学. 中 ...
excel表格打不开是什么原因_为什么你做的Excel表格，总是这么丑？
这是我们最常见到的表格制作很简单,但也是一种很习惯的丑. 为什么不把表格的灰网格线去掉呢,会让你的表格更干净.突出视图 - 去掉网络线前的勾来个大清洗,把所有网络线全部去掉按Ctrl + Sh ...
matlab将表格数据做成图,入excel表格数据做图-如何向matlab中导入excel表格利用表格数据做出图......
如何向matlab中导入excel表格利用表格数据做出图... 1.将待导入的矩阵结构的数据录入Excel中,录入时注意行列要跟原矩阵一一对应 2.录入完以后保存数据,为了后续步骤使用方便,命名时我 ...
计算机做word的表格,怎么用word做表格，电脑word表格详细制作教程
Hello,今天向大家简单介绍一下如何使用word制作出漂亮的表格! 一.创建"DOCX"文档: 二.准备一张漂亮的背景图片,然后如下图所示:点击"页面布局"选 ...
计算机做word的表格,word表格制作,详细教您word如何制作表格
word在日常办公室必不可少的软件,大家在excel里制作表格非常容易.在word软件里制作表格就蒙圈了,这不,最近有朋友问小编怎么在word中制作表格呢?下面,小编就来跟大家讲解word制作表格的操 ...
html文字做成表格,html代码做一些特殊表格(一)
我们一般制作帖子的表格边框,基本上大同小异.现在教大家用代码制作别具一格的表格边框.在这里所有的效果我只用套材来举例.边框里可以放图片和文字,也可以换成颜色和文字.图片和颜色大家可以根据需要自己更换. ...
Axure 点图片外区域即隐藏_AXURE教程：用中继器做一个手机版内容分享原型
本文仔细介绍了中继器制作手机版内容分享原型的步骤与注意要点,希望对你有所启发. hello,今天教大家如何用中继器做一个类似微博的内容分享原型,里面的内容从0-9张图片的格式都设置好了,我们只需要填写 ...
Axure教程：用中继器做下拉菜单（含视频教程）
今天和大家分享一个中继器的高级教程--用中继器来做下拉菜单. 该教程有视频教程,已上传至原型分享群,进群可查看视频及下载原型. 一.原型效果预览下面是做好的下拉菜单的效果,你们也可以自行体验哈. 原 ...

中继器做表格--普通表格

中继器做表格--普通表格相关推荐

最新文章

热门文章