表格Table
![6c168da54108e96efd17199e43ed0db0.png](https://i-blog.csdnimg.cn/blog_migrate/b2aeb5551b3e3c7991c1d88aa7fc6e43.jpeg)
20190713230930.png
Axure中的表格没有EXCEL中那么强大,但作为原型设计来讲,基本够用。
表格数据编辑
有三种方法:
- 双击单元格以进入文本编辑模式
- 选择单元格,然后按ENTER进入文本编辑模式
- 选择单元格并开始输入。(此选项仅在禁用单键快捷键时可用)
![17973e507ff169f23822e050de7826fc.png](https://i-blog.csdnimg.cn/blog_migrate/9f1900b99e68605fc8eadd399aea462d.jpeg)
- 20190713231214.png
还有另外一张方法:从EXCEL中粘贴
我们可以通过先在excel表中制作好我们需要的复杂表格,然后通过复制、粘贴功能将在excel中制作的表格显示在Axure中。在excel中制作好需要的表格,并选择复制该表格,在Axure RP中,右键单击画布并选择“ 选择性粘贴”>“粘贴为表格”。
行与列的操作
比较简单,直接上图如下:
![2da7da23d491df34e7eef100010e0863.gif](https://i-blog.csdnimg.cn/blog_migrate/b705e3be2290d4730273fa89d8f153ee.gif)
9TableRow&Column.gif
交互
单元格的交互
每一个单元格都可以设置自己的交互事件,比如鼠标单击时;
也可以使用交互及条件来控制单元格内容的显示,通过设置文本来控制某个单元格内容的展示。
![f02f6e6c457e466ef8f9c83371c04e0d.png](https://i-blog.csdnimg.cn/blog_migrate/907d4569f2d998d7d75f1412e2781cbb.jpeg)
f2c101001dbfbff34a770a937fd2103e_tables-set-text-on-cell.png
缺点与应对方法
不能在单元格中显示图片
表格单元格不能包含图像,只能包含文本。要模拟一列图像,请在表格中创建一个空列,并将图像元件放在其上。
无法合并单元格
表格中单元格无法合并。要给出合并表格单元格的外观,请在要合并的单元格上放置一个矩形元件。然后,将矩形上的文本设置为将占用合并单元格的文本。
![385adde539312d94d89dbcb91cbf8855.png](https://i-blog.csdnimg.cn/blog_migrate/dc5c15066b4157c6f945fc8d0f596e84.jpeg)
16068f8f90e7ff2fa78213217a48ff98_tables-merging-cells.png
无法在WEB浏览器中动态添加、删除、排序
无法在Web浏览器中动态添加,删除,排序或筛选表行。可以尝试以下操作之一:
- 使用多状态动态面板模拟表窗口元件的动态更改。在动态面板的每个状态中,放置一个表格元件,其中包含已经进行的预期更改。当需要发生给定的更改时,显示其相应的动态面板状态。
- 如果您需要能够对表进行真正的动态更改,请中继器。