Axure Tutorial: Common Widgets - Table
Introduction
This article is a part of course Axure Full Course: Tutorial, Tips and Templates.
Although Axure RP's built-in Table has certain limitations in terms of interaction and flexibility, it basically meets common needs.
Inserting, Deleting a Row or a Column
To insert or delete a column or row, right-click on the Cell, and then select Options from the pop-up menu.
Interacting with Table cell
You cannot directly interact with multiple cells, you can only interact with one cell. Each cell can set its interaction events.
Select a cell and set its interaction events.
Resizing Cell(s)
Resizing Individual Cell
If you want to resize the size of a cell, drag the edges of the cell, or directly enter its value in the W or H style property box.
Resizing Multiple Cells
If you want to resize multiple cells at once, select them and enter their values in the W or H style property box.
Resize multiple cells via the W or H style property box
Note: You can't drag the entire Table or all Cells directly, because this will only change the cells of the bottom row (this may be a bug).
Limitations
Merge Cells
You cannot merge cells directly by manipulating it, you can only simulate the effect of merging cells by overlaying rectangles on the table cells.
Row Style Effects
You can't directly set the mouse enter and other style effects through the style effects of the cells, you can cover a semi-transparent rectangle on the row and set style effects to it to simulate.
Image Import
You can't directly import an image into a cell, you can overlay an image on the cell to simulate this effect.
That's all for today's lesson.In the following lessons we will continue to introduce commonly used widgets.
If you have any questions and suggestions, please leave a message.
If you like the article, please share it with others with page link, thanks for your supporting! ❤
Well Joe @AxureBoutique, a technical writer and teacher, focuses on Axure prototype design and product design.
Leave a comment