feat(Table): add Th (header) width attribute for tables with fixed layout

[tujoworker]

No description provided.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
eufemia	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 30, 2024 9:58am

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

[snorrekim]

Turns out the width attribute is deprecated and it only supports percentage and px in chrome at the moment, not rem or em. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th#width

We might have to use css style={{width: "25%"}}

Also, we can avoid the small width change on expand if we leave 1 column to be "free". Since there is a hidden column for the expand icon, the total widths adds up to more than 100%, and we can't predict the percentage. But if one column doesn't have a width, it will fill the rest. Basically, any total width above 100% seems to be handled like a non-fixed table, so it changes when expanding.

Though we should probably change the example to be more useful. Most real tables will have at least one column that can be flexible.

[snorrekim]

Use css width style instead, as that supports more units and isn't deprecated.