Operation methods of inserting rows, copying rows and deleting rows in Axure table:
1. Material preparation 1. Button group We need three button groups, namely, insert row, copy row and delete row. Each group consists of icons and text: 2. The header is rectangular, and the case is divided into serial number, name, language, mathematics, English biology and history. Adjust the size and style. The contents of the table are composed of repeater and repeater. The grid of the first serial number is gray like the header, and the other grids are filled with transparent color. A forbidden style has been added, and the line segment is blue. When you add interaction in subsequent input, you can get a highlight effect. Then you can set the background color of the repeater alternately, so that the single and double lines have different colors. Place a text box above each white rectangle and set the fill color to transparent, so that you can modify the data in it later. Finally, we add a transparent background rectangle to wrap the whole line, set the selected style to light blue, and set the radio group, so that whichever one is selected will have the effect of highlighting. We added several columns to the repeater table, namely no and Column 1- 10. No corresponds to the serial number of the table, and the column 1- 10 corresponds to the name and the content of the column 10 of the language history respectively. 4. Recording text involves copying lines, so we need to record the contents of the selected line table, so we create multiple text labels, which are hidden by default and are not used for display, but only for logical interaction. They are record numbers, corresponding to the contents of the serial number column; Record 1- 10, which is used to record the contents corresponding to the column 10 of China history (Column 1- 10). Because the first line is selected by default when we enter the page, the text record number defaults to 1. Second, interactive production 1. When loading the interactive repeater of repeater, we use the interaction of setting text to set the value in the table as the corresponding component, the value in the no column as the gray rectangle, and the value in the 1- 10 column as the corresponding text box. If the value of the no column is equal to the value in the no text of the record, we need to set the value of the column 1- 10 in the text label of the record. When loading the repeater, we use sorting events to arrange the repeater in ascending order without columns, so that when inserting rows, we can control the insertion position by controlling the no value of the inserted rows. 2. When the mouse clicks the interactive repeater internal component group combined in the repeater, we use the selected interaction to set the selected state of the background rectangle to true, so as to realize the effect that which line is clicked and which line changes color. 3. When the interactive background rectangle of the background rectangle is selected, we use the interaction of setting text to set the value of the no column of the current line as the text for recording no, and then we can insert, copy or delete the line according to this serial number. 4. When the interactive input box of the input box gets the focus, we disable the rectangle at the bottom of the input box where interaction is disabled, because the disabled style is set in front, so there will be a highlight effect. Then, we also set the background rectangle to true, so that the background rectangle also has a highlight effect. When the input box loses focus, we reverse the operation and enable the rectangle at the bottom. Finally, we need to update the value of the column corresponding to the current row to the current text value through the interaction of updating the row, and the text boxes of 1- 10 correspond to the columns of 1- 10 respectively. 5. When the interactive mouse that inserts a row clicks the Insert Row button group, we need to know which row is inserted and which row is selected by the record number. For example, if the third line is selected, then I should insert the fourth line, and the original fourth line should become the fifth line, and so on. Therefore, we need to use the operation of updating rows to add 1 to all rows whose values in the no column of the repeater are greater than the text values in the no record. This is equivalent to, if the third row is selected, 456 will become 567, which is an empty row and the no value is 4. This is the interaction of adding a row, and the value of the no column of the added row is set to the text value of no+1 This completes the addition of a new line. 6. Interactive mouse click the Copy Row button group. In fact, the previous line is basically the same as the inserted line. First, update the row with serial number below the selected row to make its serial number+1, and then insert a new row with serial number+1, which is the text value of the record number. The difference is that the row inserted above is blank and the row with content is inserted here, so when adding a row, we should insert the record number/kloc in the 1 column. 7. When the mouse clicks the "Delete Line" button group, we use the "Delete Line" interaction to delete the line with the same serial number as the record number ... and then update the interaction of the lines, and update the lines without text whose serial number is greater than the record, so that their serial number becomes the value of the original serial number minus one. For example, if I delete the fourth line, the original fifth line becomes the fourth line, and the sixth line becomes the fifth line, so here is the updated serial number. In this way, we have completed the prototype template for inserting, copying and deleting rows in the repeater table. The next time you use it, you only need to fill in or paste the corresponding information in the repeater table, and the interactive effect can be automatically generated. Is it inconvenient? The final effect: well, the above content is "How to insert rows in Axure, copy rows, and delete rows in the table?" I hope it will have a certain effect on your Axure learning operation! A article study Axure is impossible, and dozens and hundreds of Axure articles are different. Learn more about Axure, Axure related articles, Q&A and video tutorials. Learning Axure can't be learned just by reading some graphic tutorials on the Internet. Often what you learn is only superficial or even chaotic knowledge points! So learning Axure, professional video teaching is faster and more efficient ~