大型Pandas DataFrame转HTML样式不全 如何用CSS类实现单元格着色

故障原因 #

使用applymap逐单元格返回内联样式的写法，会为每个带样式的单元格生成独立CSS选择器，当单元格数量过多时，生成的CSS规则总数会触发浏览器的硬限制，导致后续行样式不生效。

实现思路 #

放弃逐单元格生成内联样式的方案，仅定义2条全局CSS类规则，为符合条件的单元格绑定对应CSS类即可，全程不会生成海量冗余选择器，无表体积限制。

具体实现代码 #

def integer_formatting(val):
    """为单元格返回匹配的CSS类名"""
    # 非数值类型单元格直接返回空，不添加样式类
    try:
        num_val = int(val)
    except (ValueError, TypeError):
        return ''
    return 'text-red' if num_val > 0 else 'text-green'

# 初始化样式对象，注入全局CSS规则
styled = df.style.set_table_styles([
    {'selector': '.text-red', 'props': 'color: red;'},
    {'selector': '.text-green', 'props': 'color: green;'}
]).applymap(integer_formatting)

# 导出HTML逻辑和原有写法完全一致
result = styled.to_html()

方案优势 #

• 全表仅生成2条CSS规则，完全不会触发浏览器CSS数量限制，多大的表都能正常显示样式
• 生成的HTML文件体积远小于原内联样式方案，浏览器渲染速度更快
• 无需拆分DataFrame，无需修改导出格式，适配现有业务流程
• 后续如果要调整样式（比如加背景色、改字体粗细），只需要修改全局类的props即可，不用调整逐单元格逻辑

注意：

1. 原示例代码存在函数名不匹配的笔误：定义的样式函数名为integerFormatting，调用时传入的是percentFormatting，实际使用时注意保持函数名一致即可。
2. 如果需要对特定列而非全表应用样式，给applymap传入子集参数限定列范围即可，类绑定逻辑不变。

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