Equal Table Columns Based On Content. Different Logic for First Column

Question

kinda stuck on a styling problem for a table I am working on.

Here are the requirements:

First Column: Width is determined by the longest text in the column. Having a max width of 200px.

Columns 2-n: Width is determined by the column (2-n) with longest text. Having a max width of 150px

Table scrolls horizontally if it exceeds 100%

Example:

Header 1	Header 2	Header 3
short content	short content	Really Really long content
Really Really long content	short content	short content

So column 1 would have a width based on row 2 since is the longest.

Column 2 & 3 would have a width based on column 3 row 1.