You can’t wrap any parts of a table (tr, tbody, etc) in a turbo_frame_tag because it’s not valid html and won’t work. To get around this, I rebuilt a simple table using divs and some Bootstrap 5 utility classes (d-table, d-table-row, d-table-cell, etc). The div table renders perfectly until I wrap it in a turbo_frame_tag…then, the div table flow breaks and everything piles up to the left side.
I was surprised to see a turbo_frame_tag disrupt a div table like this…almost in the same manner it breaks a real table (minus the disruption to tag structure).
Why does the turbo_frame_tag mess up a simulated table structure made of styled divs? Is there a way to tackle this?