Editing Table Data编辑表格数据
You can add text to a table cell or edit its current text via any of the options below:你可以通过以下任意选项将文本添加到表格单元格或编辑其当前文本:
|
Pasting from Spreadsheet Applications从电子表格应用程序粘贴
You can copy table data from spreadsheet applications like Microsoft Excel and Google Sheets and paste it into Axure RP as a table widget. First, copy the table cells in your spreadsheet app. Then, in Axure RP, right-click the canvas and select Paste Special → Paste as Table.
你可以从电子表格应用程序(例如Microsoft Excel和Google表格)中复制表格数据,并将其作为表格部件粘贴到Axure RP中。 首先,在电子表格应用中复制表格单元格。 然后,在Axure RP中,右键单击画布,然后选择选择性粘贴→粘贴为表格。
You can also paste tabular data into an existing table widget. To do so, select the top-left cell of the table and press CTRLV or CMDV. The pasted data will fill the cells already present in the table
你也可以将表格数据粘贴到现有的表格中。 这样做,选择表的左上角的单元格,然后按CTRL+V或CMD+V。 粘贴的数据将填充表中已经存在的单元格。
Note注意
New columns and rows will not be added to existing table widgets when you paste data into them. If the table is too small to accommodate the pasted data, add more columns and/or rows to the table before pasting the data.将数据粘贴到现有表元件中时,新的列和行将不会添加到现有表格中。
Editing Rows and Columns编辑行和列
Adding, Deleting, and Moving Rows and Columns添加,删除和移动行和列
To add a row or column to a table widget, right-click one of its cells or one of the grey row or column controls. In the context menu, choose from the following:
要将行或列添加到表元件,请右键单击任一单元格或灰色的行或列。 在上下文菜单中,选择以下选项:
Insert Row Above
Insert Row Below
Insert Column Left
Insert Column Right
在上方插入行
在下方插入行
在左侧插入列
在右侧插入列
To delete a row or column, right-click a cell in that row or column, or right-click the appropriate grey row or column control. In the context menu, choose Delete Row or Delete Column.
要删除行或列,请右键单击该行或列中的单元格,或右键单击对应的灰色行或列控件。 在上下文菜单中,选择删除行或删除列。
To rearrange a table's rows and columns, select a grey row or column control and then drag it up/down or left/right.
重新排列表格的行和列,请选择灰色的行或列控件,然后向上/向下或向左/向右拖动。
Resizing Rows and Columns调整行和列的大小
You can change a row's height or a column's width by clicking one of its borders and dragging.
你可以通过单击单元格边框并拖动来更改行的高度或列的宽度。
You can also set an individual cell's width and height with the W and H fields in the Style pane. This will automatically resize the row and column that the cell is a part of.
你还可以使用样式窗格中的 W 和 H 字段设置单个单元格的宽度和高度。 这将自动调整单元格所属的行和列的大小。
To resize multiple cells at once, select the cells with a click-drag or by SHIFT-clicking each cell. Then, use the W and H fields.
要一次调整多个单元格的大小,请单击并拖动或通过按住SHIFT单击每个单元格来选择单元格。 然后,使用W和H字段。
Special Interactions特殊交互
Interacting with Individual Cells与单个单元格交互
Each cell in a table widget has its own events that you can use to set up interactions specific to that particular cell. For example, you can configure a cell's Click or Tap event to show another widget on the page.
表格元件中的每个单元格都有其自己的事件,可用于设置针对特定单元格的特殊交互。 例如,你可以配置单元格的单击事件在页面上显示另一个窗口元件。
You can also target individual table cells in interactions and conditions. For example, you can change the text on a cell with the Set Text action, and you can evaluate the text on a cell with the text on widget value option.
你还可以在交互和条件中定位单个表单元格。 例如,你可以使用【设置文本】操作更改单元格上的文本,并可以使用部件上的文本选项获取单元格上的文本。
Tip提示
When you mouse over a cell's name in the Select Widget dropdown, the cell is highlighted in yellow on the canvas. Look at the Column 3 cell in the screenshot above for an example.
当你将鼠标悬停在选择部件 下拉菜单中的单元格名称上时,该单元格在画布上以黄色突出显示。 在上面的屏幕快照中查看第3列的单元格作为示例。
You can also name individual table cells in the Interactions and Notes panes to make them easier to find.
你还可以在交互和注释窗格中命名单个表单元格,以使其更易于查找。
Limitations and Workarounds局限性和解决办法
Images图片
Table cells cannot contain images, only text. To simulate a column of images, create an empty column in your table and place image widgets on top of it.
表格单元格不能包含图像,只能包含文本。 要模拟图像列,请在表格中创建一个空列,然后在其顶部放置图像部件。
Merging Cells合并单元格
Table widget cells cannot be merged. To give the appearance of merged table cells, place a rectangle widget over the cells that would be merged. Then, set the text on the rectangle to the text that would have occupied the merged cells.
表格单元格无法合并。 要显示合并的表格单元格的外观,请在要合并的单元格上放置一个矩形元件。 然后,将矩形上的文本设置为将占据合并单元格的文本。
Alternating Row Colors交替行颜色
To give the appearance of alternating row colors, change the fill color of the cells in every other row to your desired color.要使行颜色交替出现,请将每隔一行中的单元格的填充颜色更改为所需的颜色。
Tip提示
You can use the grey boxes along the side of a table widget to select all the cells in a row, and you can CMD/CTRL-click them to multi-select rows.你可以使用表格部件旁边的灰色框来选择一行中的所有单元格,并且可以用CMD / CTRL单击以选择多行。
Mouseover Style for Rows行的鼠标悬停样式
To give the appearance of a mouseover or rollover style for an entire table row, place a rectangle widget on top of the row. Give the rectangle a semiopaque fill and assign it a MouseOver style effect.
要使整个表格行具有鼠标悬停或悬停样式的外观,请在该行的顶部放置一个矩形部件。 给该矩形一个半透明的填充,并为其指定:鼠标悬停样式效果。
Dynamically Adding, Removing, Sorting, and Filtering Rows动态添加,删除,排序和过滤行
Table rows cannot be dynamically added, removed, sorted, or filtered in the web browser. To prototype this behavior, try one of the following:不能在Web浏览器中动态添加,删除,排序或过滤表行。 若要使原型具备这些行为,请尝试以下操作:
Use a multi-state dynamic panel to simulate dynamic changes to a table widget. In each state of the dynamic panel, put a table widget with the expected changes already made. When a given change needs to occur, show its corresponding dynamic panel state.
使用多状态动态面板模拟对表元件的动态更改。 在动态面板的每种状态下,放置一个表格,其中已进行了预期的更改。 当需要进行给定的更改时,请显示其相应的动态面板状态。
If you need to be able to make true dynamic changes to a table, use a repeater widget instead
如果您需要能够对表进行真正的动态更改,请改用中继器元件。
Not Adaptive无法自适应
All aspects of table widgets are consistent across all adaptive views. To style a table differently across adaptive views, you can "place" a different table widget in each adaptive view, "unplacing" from each view the table widgets designed for other adaptive views.
表格元件的各个方面在所有自适应视图中都是一致的。 要在自适应视图之间为表格设置不同的样式,可以在每个自适应视图中放置一个不同的表格元件,从每个视图中取消放置为其他自适应视图设计的表格元件。