Pandas生成HTML邮件表格时CSS边框样式失效问题求助

我之前也碰到过类似的坑，用Python 2.7.2搭配Pandas 0.23.4做HTML邮件表格时，明明给table选择器加了border-collapse: collapse，但单元格还是带着独立边框，完全没合并。查生成的HTML才发现问题：Pandas会自动给set_table_styles里的所有选择器加上表格的ID前缀，比如原本写的table选择器，会变成#T_xxxx table——这个选择器是找表格内部的子表格，根本匹配不到我们的目标表格，所以样式完全没生效。

这里有两个亲测有效的解决办法：

方法一：修改生成后的HTML字符串，替换CSS选择器 #

直接用正则把CSS里带ID前缀的table选择器改成全局的table：

import pandas as pd
import re

df = pd.DataFrame([[1,2,3],[4,-5,6]])
styles = [
    {'selector': 'table', 'props': [('border', '1px solid lightgrey'), ('border-collapse', 'collapse')]},
    {'selector': 'tbody td', 'props': [('border', '1px solid lightgrey'), ('font-size', '11.5px'), ('font-family', 'arial'), ('text-align', 'center'), ('width', '120')]}
]

# 生成原始带问题的HTML
html = df.style.set_table_styles(styles).render()

# 正则替换掉CSS中#xxx table的ID前缀部分
pattern = r'#T_[a-f0-9_]+ table'
html_fixed = re.sub(pattern, 'table', html)

处理后CSS里的table选择器就能正确匹配目标表格，border-collapse属性也就正常生效了。

方法二：给表格添加内联样式（更直接可靠） #

绕开CSS选择器的问题，直接给表格标签加内联样式，优先级更高，也不用后续修改HTML：

import pandas as pd

df = pd.DataFrame([[1,2,3],[4,-5,6]])
styles = [
    {'selector': 'tbody td', 'props': [('border', '1px solid lightgrey'), ('font-size', '11.5px'), ('font-family', 'arial'), ('text-align', 'center'), ('width', '120')]}
]

# 通过set_table_attributes给表格添加内联样式
html = df.style.set_table_styles(styles)\
               .set_table_attributes('style="border: 1px solid lightgrey; border-collapse: collapse;"')\
               .render()

这种方法在Pandas的Styling流程里直接搞定，逻辑更清晰，也避免了正则替换可能带来的意外问题。

补充说明 #

这个问题是Pandas 0.23.x版本的特性——当时的Styling模块会自动给所有自定义选择器加上表格ID作为命名空间，防止样式冲突，但没想到会给table选择器带来匹配问题。如果能升级到更高版本的Pandas，这个问题可能已经被修复，但如果你受限于Python 2.7只能用旧版Pandas，上面两个方法完全能解决问题。

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