vuetify表格禁用排序_第24讲-表格Table| 剑雨Axure RP9系列「基础」

表格Table

20190713230930.png

Axure中的表格没有EXCEL中那么强大，但作为原型设计来讲，基本够用。

表格数据编辑

有三种方法：

• 双击单元格以进入文本编辑模式
• 选择单元格，然后按ENTER进入文本编辑模式
• 选择单元格并开始输入。(此选项仅在禁用单键快捷键时可用)

• 20190713231214.png

还有另外一张方法：从EXCEL中粘贴

我们可以通过先在excel表中制作好我们需要的复杂表格，然后通过复制、粘贴功能将在excel中制作的表格显示在Axure中。在excel中制作好需要的表格，并选择复制该表格，在Axure RP中，右键单击画布并选择“ 选择性粘贴”>“粘贴为表格”。

行与列的操作

比较简单，直接上图如下：

9TableRow&Column.gif

交互

单元格的交互

每一个单元格都可以设置自己的交互事件，比如鼠标单击时；

也可以使用交互及条件来控制单元格内容的显示，通过设置文本来控制某个单元格内容的展示。

f2c101001dbfbff34a770a937fd2103e_tables-set-text-on-cell.png

缺点与应对方法

不能在单元格中显示图片

表格单元格不能包含图像，只能包含文本。要模拟一列图像，请在表格中创建一个空列，并将图像元件放在其上。

无法合并单元格

表格中单元格无法合并。要给出合并表格单元格的外观，请在要合并的单元格上放置一个矩形元件。然后，将矩形上的文本设置为将占用合并单元格的文本。

16068f8f90e7ff2fa78213217a48ff98_tables-merging-cells.png

无法在WEB浏览器中动态添加、删除、排序

无法在Web浏览器中动态添加，删除，排序或筛选表行。可以尝试以下操作之一：

• 使用多状态动态面板模拟表窗口元件的动态更改。在动态面板的每个状态中，放置一个表格元件，其中包含已经进行的预期更改。当需要发生给定的更改时，显示其相应的动态面板状态。
• 如果您需要能够对表进行真正的动态更改，请中继器。