How to update the rows structure of input table?

Hi there,

     please find the attached screen shot of the input table of my form. I have given option heater1, heater2 , heater3 which is taking more space. My client want to reduce the number of rows for each heater and want to keep only one heater1. and If there is heater2 information it need to ask user that if want another.And also want to increase the field space of the input table

Here is how to edit the rows in the Input table:

Regarding the increase of the fields, please follow this:

1) Place the label on top:

2) Copy and paste the below CSS to your Custom CSS field:

.form-matrix-values>.form-textbox {

    width: 75px !important;

}

Let us know how it worked.

Thank you!