title: Dynamic Gridpane with TextFields and Checkboxes
body: <p>I'm working on a project in which there are 2 tabs. On first tab's user interface there is a text field and a button. In the text field user can write any number till 100 and when he will press button Next, my application will go to the next tab on which there is a Gridpane with three columns A, B and C.</p>
  
  <p><a href="https://i.stack.imgur.com/DqRvs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DqRvs.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/H6LdK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/H6LdK.png" alt="enter image description here"></a></p>
  
  <p>So what I want is whatever number user will enter in the first tab's text field according to that number it should add same number of rows with Textfields, Checkboxes and Datepicker in second tab's Gridpane.</p>
  
  <p><a href="https://i.stack.imgur.com/oy5Nr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oy5Nr.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/rgLJ5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rgLJ5.png" alt="enter image description here"></a></p>
  
  <p>With SceneBuilder it's very easy to create fixed sized Gridpane and then add elements inside it and give them fx:id, but dynamically it's complicated because I've to assign fx:id to each text field, checkboxes and Datepicker so I can retrieve it's data and can send to db.</p>
  
  <p>Should I use Gridpane or is there any other solution to achieve the goal. It would be great help if someone could guide me on what needs to be done.    </p>