Hey Statamic community :)

I am struggling with implementing a mobile table layout where I need to render the first row (table head) multiple times within a render cycle.

Basically the mobile layout forces me to add the corresponding head value on the left side and then the row value on the right.

I tried to render the {{ table }} inside another {{ table }} tag but that does not work. I also tried foreachs and other functions I found without success. There is no CSS workaround for me.

So, is there a way to render the first row of a table for each cell?

{{ table }} {{ cells }}

{{ tableHead at index }} -> render first row value for the current index {{ value | markdown }}

{{ /cells }} {{ /table }}

Appreciate any help :)