How to add rows to a matrix layout dynamically

Hi All,

I have a matrix layout, which on load of the page has one row containing 7 cells( dropdowns, textfield and a button). The button should have the function of creating a new row with the same 7 cells and shuld be placed below the first row. I have tried, where i am able to create the row, but not able to display it under the first row. Can any help me with this.

Thanks,

Ravikiran