使用Plotly Table生成表格时的最优图表宽度如何确定

确定plotly表格的最优宽度不需要反复试错，可参考以下三个维度计算或获取：

• 手动计算内容总宽度
  先统计每一列的最小宽度：取「列标题最长字符数、列内所有单元格最长字符数」的最大值，乘以单字符预估宽度。单字符预估宽度可以根据你实际使用的字体、字号调整，12px无衬线英文字体可按7-9px/字符取值，中文字体可按14-16px/字符取值。再叠加每列左右的默认内边距（单列左右各加8-12px即可）、表格整体的左右外边距，总和就是表格的最优内容宽度。
  以你提供的示例代码为例，两列最长字符分别为6（A Scores）、6（B Scores），按8px/字符计算，两列内容宽度共96px，叠加4个列内边距各10px共40px，表格整体左右边距各20px共40px，最终最优宽度约为176px，取整设置180px即可，比你之前设置的300px冗余度更低。
• 适配展示容器宽度
  如果表格需要嵌在固定宽度的网页、文档容器中展示，直接将表格宽度设置为容器的可用宽度即可，既不会出现横向滚动条，也不会留多余空白。
• 直接获取实际渲染宽度
  不想手动计算的话可以先不设置width参数运行代码生成图表，在浏览器F12开发者工具中选中Plotly生成的表格元素，直接读取它的实际渲染宽度，把这个数值写入fig.update_layout(width=xxx)中即可，这个数值是最贴合实际内容的最优宽度。

你可以参考下面的优化后代码调整：

import plotly.graph_objects as go

fig = go.Figure(data=[go.Table(
    header=dict(values=['A Scores', 'B Scores']),
    cells=dict(values=[[100, 90, 80, 90], [95, 85, 75, 95]])
)])
# 设置最优宽度+清除多余边距
fig.update_layout(
    width=180,
    margin=dict(l=10, r=10, t=10, b=10)
)
fig.show()

对应的效果参考：

内容的提问来源于stack exchange，提问作者Andi