跳到主要内容

表格

编辑表格数据


你可以通过以下任意选项将文本添加到表格单元格或编辑其当前文本:
+ 双击单元格进入文本编辑模式
+ 选择单元格,然后按Enter键进入文本编辑模式
+ 选择单元格并开始输入。 (仅当你禁用了单键快捷方式时,此选项才可用)

从电子表格应用程序粘贴

你可以从电子表格应用程序(例如Microsoft Excel和Google表格)中复制表格数据,并将其作为表格部件粘贴到Axure RP中。 首先,在电子表格应用中复制表格单元格。 然后,在Axure RP中,右键单击画布,然后选择选择性粘贴→粘贴为表格。

你也可以将表格数据粘贴到现有的表格中。 这样做,选择表的左上角的单元格,然后按CTRL+V或CMD+V。 粘贴的数据将填充表中已经存在的单元格。

注意

将数据粘贴到现有表小部件中时,不会将新的列和行添加到它们中。 如果表格太小而无法容纳粘贴的数据,请在粘贴数据之前向表格中添加更多的列或行。

编辑行和列


添加,删除和移动行和列

要将行或列添加到表元件,请右键单击任一单元格或灰色的行或列。 在上下文菜单中,选择以下选项:

  • 在上方插入行
  • 在下方插入行
  • 在左侧插入列
  • 在右侧插入列

要删除行或列,请右键单击该行或列中的单元格,或右键单击对应的灰色行或列控件。 在上下文菜单中,选择删除行或删除列。

重新排列表格的行和列,请选择灰色的行或列控件,然后向上/向下或向左/向右拖动。

调整行和列的大小

你可以通过单击单元格边框并拖动来更改行的高度或列的宽度。

你还可以使用样式窗格中的 W 和 H 字段设置单个单元格的宽度和高度。 这将自动调整单元格所属的行和列的大小。

要一次调整多个单元格的大小,请单击并拖动或通过按住SHIFT单击每个单元格来选择单元格。 然后,使用W和H字段。

特殊交互


与单个单元格交互

表格元件中的每个单元格都有其自己的事件,可用于设置针对特定单元格的特殊交互。 例如,你可以配置单元格的单击事件在页面上显示另一个窗口元件。

你还可以在交互和条件中定位单个表单元格。 例如,你可以使用设置文本操作更改单元格上的文本,并可以使用部件上的文本选项获取单元格上的文本。

提示

当你将鼠标悬停在选择部件 下拉菜单中的单元格名称上时,该单元格在画布上以黄色突出显示。 在上面的屏幕快照中查看第3列的单元格作为示例。

你还可以在交互和注释窗格中命名单个表单元格,以使其更易于查找。

限制和解决方案


图片

表格单元格不能包含图像,只能包含文本。 要模拟图像列,请在表格中创建一个空列,然后在其顶部放置图像部件。

合并单元格

表格单元格无法合并。 要显示合并的表格单元格的外观,请在要合并的单元格上放置一个矩形元件。 然后,将矩形上的文本设置为将占据合并单元格的文本。

交替行颜色

要使行颜色交替出现,请将每隔一行中的单元格的填充颜色更改为所需的颜色。

提示

你可以使用表格部件旁边的灰色框来选择一行中的所有单元格,并且可以用CMD / CTRL单击以选择多行。

行的鼠标悬停样式

要使整个表格行具有鼠标悬停或悬停样式的外观,请在该行的顶部放置一个矩形部件。 给该矩形一个半透明的填充,并为其指定:鼠标悬停样式效果。

动态添加,删除,排序和过滤行

不能在Web浏览器中动态添加,删除,排序或过滤表行。 若要使原型具备这些行为,请尝试以下操作:

使用多状态动态面板模拟对表元件的动态更改。 在动态面板的每种状态下,放置一个表格,其中已进行了预期的更改。 当需要进行给定的更改时,请显示其相应的动态面板状态。

如果您需要能够对表进行真正的动态更改,请改用中继器部件。

无法自适应

表格元件的各个方面在所有自适应视图中都是一致的。 要在自适应视图之间为表格设置不同的样式,可以在每个自适应视图中放置一个不同的表格部件,从每个视图中取消放置为其他自适应视图设计的表格部件。