Nested Group in a Table Layout not getting positioned in the correct cell

I am attaching a screenshot of the diagram that I am building and the codepen url for it. The issue is that the nested group (named “G”) inside my parent container is not residing in its designated cell, as pointed by the row and column properties in the data object for that group.
How can I achieve this?

I think you need data Bindings for the row and column properties on the group template, if you want groups to be positioned by the TableLayout according to those properties. By default the values for row and column are zero.