Clear search, add rows, and move text with 1 click
I need 3 actions on 1 widget. For this example, I'm using a button called 'Add Another'. Each time I click this button, I need it to clear the text that was entered in the boxes above it, and add a row to the table below it.
The table should just start as a header with no rows, and then on the first click of 'Add Another', show the header and row 1. On the second click of 'Add Another' it would show the header, rows 1, and row 2 (and so and so on).
Additionally, I need the text box underneath the table to adjust it's position as I add rows to the table. It would more or less look like the table rows are pushing the text downwards on the screen.
Can you please explain how I can build this? I'm stuck.