Table: Adding a bold cell value changes the line height

[AbdealiLoKo]

I was trying to make a table where any value that goes above 100 I was setting to bold so it is immediately visible.
I found that while I was implementing this, when I set the value of a cell to bold, the row width is changing. Which make the table look very very weird ...

[AbdealiLoKo]

nums = [...new Array(5).keys()]
cells = nums.map((x) => ['1', '2', '3'])
cells[0][0] = '<b>1</b>'
Plotly.newPlot(
  'graph',
  [{'cells': {'values': cells},
   'header': {'values': nums.map((x) => `col${x}`)},
   'type': 'table'}],
  {});

https://codepen.io/AbdealiJK/pen/KYPVoX

[etpinard]

Thanks for the report.

What's the desired behavior here in your mind? I don't think it would be wise to ignore the fact that bold text leads to bigger bounding rectangles. So, should we add a mode where all rows get the height of the largest row?

[AbdealiLoKo]

That's a good point. I think there are two options that seem to be intuitive:

• increase the row height for all the rows by the number of pixels that bold increases the font
• decrease the box padding on the bold cell

I think HTML, excel, etc. do the latter - which seems to be the one prefer.

I.e. If the font size is 15 and the table cell height is 15 - doing a bold would make it overlap a bit - which makes sense in my opinion.

[etpinard]

related: #2056

[Lucianod28]

Has anybody found a workaround to fix the cell height regardless of the contents?

[gvwilson]

Hi - we are currently trying to tidy up Plotly's public repositories to help us focus our efforts on things that will help users most. Since this issue has been sitting for several years, I'm going to close it. If it's still a concern, we'd be grateful if you could open a new issue (with a short reproducible example if appropriate) so that we can add it to our backlog. Thanks for your help - @gvwilson