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:

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.