How to dyamically add and remove rows in Form

I wanted to know if there is a way to dynamically add and remove rows in the form. The client would like the ability to add a family member if needed. I saw in a recent post that this is not a possible jotform option yet, and wanted to check to see what options I had in creating this option.
I am looking to duplicate the Full name, Date of Birth, Place of Birth, Primary Language, Sex, Alien # and the upload option under the demographic information section.
Please let me know if this is possible

This is very much possible using those dynamic widgets. 

You can check them from here http://widgets.jotform.com/search/dynamic

The most basic of this is the Dynamic Textbox.

Here is an example form that have the widget in action http://form.jotformpro.com/form/51233651283955?

 

Hope this help. Let us know if you need further assistance.

Thanks.
I am using Infinite List for this form : http://www.jotform.com//?formID=52706196382157.
Is there a way to change the width of the columns, or make each column rows?
...

Hi,

You can try using this custom CSS code in the widget:

// Adjust the width of the headers and the saved row

#list > tbody > tr:nth-child(1) > th.col1 {

min-width: 100px !important;

width: 100px !important;

}

#list > tbody > tr:nth-child(1) > th.col2 { 

min-width: 150px !important;

width: 150px !important;

}

#list > tbody > tr:nth-child(1) > th.col3 { 

min-width: 150px !important;

width: 150px !important;

}

#list > tbody > tr:nth-child(1) > th.col4 { 

min-width: 150px !important;

width: 150px !important;

}

#list > tbody > tr:nth-child(1) > th.col5 { 

min-width: 150px !important;

width: 150px !important;

}

#list > tbody > tr:nth-child(1) > th.col6 { 

min-width: 150px !important; 

width: 150px !important;

}

// Adjust the input fields in the widget

td.col1 > input {

min-width: 100px !important;

width: 100px !important;

}

td.col2 > input { 

min-width: 150px !important; 

width: 150px !important;

}

td.col3  > input { 

min-width: 150px !important; 

width: 150px !important;

}

td.col4  > input { 

min-width: 150px !important; 

width: 150px !important;

}

td.col5  > input { 

min-width: 150px !important; 

width: 150px !important;

}

td.col6  > input { 

min-width: 150px !important; 

width: 150px !important;

}

You can add it directly under the custom CSS tab in the widget settings

You can check this cloned form to see how it works: http://form.jotformpro.com/form/52734987602969?. You can change the width with your own preferences.

Do let us know if you need more information on this.