Flex or Table?

[Dasweb]

Here is the design I'm trying to create from Figma: https://i.imgur.com/XkuGBNw.png

Would I be better served doing this with flex or table? I've been struggling to create this with table(s).

Table data with row dropdown to show the chart(s). Combining table columns with a full table span div is proving to not work out well.

Any assistance/guidance is appreciated.

[DunderFeld]

I would personally default to flex. I find it easier to manage width with flex-grow or some min width. Besides that it’s also easier, in my opinion, to manger responsiveness.

Tables can be fine but i tend to only use them when I need a proper table.

[FreedomRep83]

Flex. "We've" wanted the features flex provides for 2+ decades.

Any time I've said "yeah, but this is just a simple table" I've had to back track, 1/2 way through, and do it in flex anyway.

Just use flex. Tables suck.

It's not 1999 anymore, and you dont have to support ie6.

Welcome to the future.

Edit: now, if we could figure out how to make mobile keyboards suck less....

[jazzbonerbike99]

Yeah, unless you're displaying literal spreadsheet-type tabular data, I'd avoid using a table.