How to order columns differently in different variants?

Hi. Is there a way for me to order columns differently in different variants of a component based on responsive columns? i.e. switch between the columns 2 and 3 of a table according to the variant

Hi, you can make the order reverse based on variants, but you can’t have very fine grained control over the ordering like that.

However you could use stacks and specify control over the exact order there (since these are just using flexbox under the hood).

If you were building a table, you could build a row using a horizontal stack, extract that into its own component, and instantiate component that a bunch of times for all the rows of the table. You can make that component vary the ordering of its various stack items.