I want to make a table in HTML which has the following properties
- One special column should expand to make the table fill its container
- All but one of the cells should adjust their size on their content like normal (make room for the largest cell in the column)
- If the table overflows, ideally, a horizontal scrollbar should appear
I've tried making it work with flexbox and css-grid, but its really hard to fufill requirements 2 and 3 with it. I'd love to make it with flexbox or css-grid to make it easier to style the individual rows, but it's not a requirement.
Here's what it would ideally look like (ignore the fact that 2 and 3 the columns role,pay and joined in are spaced differently)