[Plugin: Gravity Forms] Nested forms dynamically added as per a number field

Based on a number field I want to duplicate a number of subforms in a form. I believe nested form is one way of achieving this.

I would like the advanced field (that is to be duplicated) to have the following structure: Number input field for each items. There can be about 40 items listed.

The only possible advanced field to get that is list field. But I would like to invert the columns (listing the items) into rows. Then group the rows into columns so that we have 10×4 grid, where each cell in the grid has the item label and input field.

This is the output wanted with list field or some capable field when a number of rooms is specified.

The Bedroom N sub form should be added dynamically based on a number: https://demos.gravitywiz.com/set-number-of-list-field-rows-by-field-value/ instead of adding rows – like the above form sketch.

How can this be done using gravity forms? I guess it is all about editing the HTML and JS for one of the field types? There is no ready made field for this. How can I edit the list field to do this? Or best to use nested form if so how?