Hi!
We have a custom table that iterates rows, and then columns. We have a header with a visibility condition of visible only in the first iteration, and then cells that are in a controlled visibility group (by the index in iteration of the columns).
This creates our custom table - but the columns seem to have identical width that is not updated automatically based on the content of the cells (This is not the case with height).
See image for setup. The rows are first iterated on all our projects, then we iterate an enum with our columns. The cells visibility group is controlled by the last iterators index.
If we give the “Cells”-div a set width, e.g. 250px, they all are updated with this width. If i try to give a certain cell within the visibility group a width, it does nothing.
Our table is height responsive, but not width - so longer columns like the status field, which hold several icons, overflows into the next column.
We can probably fix this by switching the iterators around, iterating columns first, then rows. But we want to make a drop-down field under each row that is not bound to a cell like structure, so doing it this way is our only option (unless you have some good ideas 
)
All styling is set to stretched alignment and stretched items alignment.
Is there a way to make children within a visibility group dynamically change the parents width when its within a horizontal iterator?
Thanks in advance