Expand column width to account for icons

[chriddyp]

As reported in https://community.plotly.com/t/column-width-does-not-fit-to-text-after-making-columns-hideable/37389

By default, the column width is expanded to contain their width:

But then when they add hideable: True, the column names are cut off:

[tashrifbillah]

Thanks for including it in your todo, @chriddyp

[tashrifbillah]

I may have found a way around:

style_cell={'whiteSpace': 'pre-wrap'}

Including the above solved the problem:

[Marc-Andre-Rivet]

A few notes on the issue:

• The underlying HTML Table has its own browser-implemented algorithm for assigning column width based on the widths passed to the columns. If there is limited width available vs. the desired widths, any solution we implement can still run into this issue
• Fixing the case for fixed_rows={headers: false} should be very easy but when there are fixed rows, the fixed rows are not part of the "main" table and do not affect the row width in the same way they would if unfixed
• A possible approach for fixed rows/columns being consistent with the unfixed table would be to do something similar to Issue 649 - Fix mismatched row height for fixed columns #722 but for columns this time