fix: table2 wrapper does not respect parent container width

[ElectricalBoy]

Summary

reported on discord: https://discord.com/channels/93055209017729024/1474351702638460968/1476543095163195432

How did you test this change?

browser dev tools

[Eetwalt]

This makes every table2 as wide as possible right?

I think most tables are better to be as narrow as possible without it being dependent on a fixed width of it's container.

Couple examples:

I wonder if there's a good middle ground here, as I get the issue this solves too

[Eetwalt]

Could be a prop like stretch = true or inheritWidth = true that sets this css instead of it being the default?

[ElectricalBoy]

I wonder if there's a good middle ground here, as I get the issue this solves too

the middle ground would be max-width: stretch while keeping width: fit-content
problem here is that firefox simply doesn't support max-width: stretch (not even non-standard alias!) :/

[Eetwalt]

I wonder if there's a good middle ground here, as I get the issue this solves too

the middle ground would be max-width: stretch while keeping width: fit-content problem here is that firefox simply doesn't support max-width: stretch (not even non-standard alias!) :/

I think this is still more sensible default for most use cases than having width: stretch