将HTML表格导入Google Docs时的格式异常问题

我通过半自动化工作流生成Google Docs文档（仅需少量人工干预），具体方式是用Python将Markdown转成HTML后导入Google Docs。但遇到HTML表格在Google Docs中渲染后格式错乱的问题，尤其是列宽异常——表格在Chrome中显示正常，导入Google Docs后就完全不对。我没有HTML相关经验，求解决办法。

示例HTML代码 #

<p><table border="0" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th style = "background-color: #FFFFFF;font-family: Century Gothic, sans-serif;font-size: 12px;color: #808080;text-align: left;border-bottom: 2px solid #808080;padding: 10px;width: auto">Very, very long column name</th>
      <th style = "background-color: #FFFFFF;font-family: Century Gothic, sans-serif;font-size: 12px;color: #808080;text-align: left;border-bottom: 2px solid #808080;padding: 10px;width: auto">Shrt Nme</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td style = "background-color: #EDEDED;font-family: Century Gothic, sans-serif;font-size: 12px;text-align: left;padding: 10px;width: auto">1</td>
      <td style = "background-color: #EDEDED;font-family: Century Gothic, sans-serif;font-size: 12px;text-align: left;padding: 10px;width: auto">6</td>
    </tr>
    <tr>
      <td style = "background-color: white; color: black;font-family: Century Gothic, sans-serif;font-size: 12px;text-align: left;padding: 10px;width: auto">2</td>
      <td style = "background-color: white; color: black;font-family: Century Gothic, sans-serif;font-size: 12px;text-align: left;padding: 10px;width: auto">7</td>
    </tr>
    <tr>
      <td style = "background-color: #EDEDED;font-family: Century Gothic, sans-serif;font-size: 12px;text-align: left;padding: 10px;width: auto">3</td>
      <td style = "background-color: #EDEDED;font-family: Century Gothic, sans-serif;font-size: 12px;text-align: left;padding: 10px;width: auto">8</td>
    </tr>
    <tr>
      <td style = "background-color: white; color: black;font-family: Century Gothic, sans-serif;font-size: 12px;text-align: left;padding: 10px;width: auto">4</td>
      <td style = "background-color: white; color: black;font-family: Century Gothic, sans-serif;font-size: 12px;text-align: left;padding: 10px;width: auto">9</td>
    </tr>
    <tr>
      <td style = "background-color: #EDEDED;font-family: Century Gothic, sans-serif;font-size: 12px;text-align: left;padding: 10px;width: auto">5</td>
      <td style = "background-color: #EDEDED;font-family: Century Gothic, sans-serif;font-size: 12px;text-align: left;padding: 10px;width: auto">10</td>
    </tr>
  </tbody>
</table></p>

• 替换width: auto为固定值或百分比：Google Docs对auto列宽的解析逻辑和浏览器差异很大，直接给列设置明确宽度，比如长列用width: 200px，短列用width: 100px，或者按比例设width: 70%和width: 30%。
• 给表格添加table-layout: fixed样式：在table的style里加入table-layout: fixed; width: 100%;，强制表格按设定的列宽渲染，不会因内容自动调整列宽。
• 移除不必要的嵌套：示例中table被包裹在p标签内，Google Docs对这种嵌套的解析容易出问题，直接删除p标签，只保留table即可。
• 统一样式定义：把重复的样式抽出来用