Plotly Dash表格中如何为带百分号的数字设置条件格式化？

问题原因 #

你之前的代码通过遍历每一行每一列生成style_data_conditional规则，会产生大量重复规则，且后生成的规则会覆盖先生成的，最终导致所有单元格都显示绿色。Dash的条件样式支持直接通过列ID和值判断，无需手动遍历数据行。

正确实现代码 #

直接针对最后20列定义两个条件规则即可：

# 提取最后20列的列名，排除Date列
target_columns = [col for col in filtered_df.columns[-20:] if col != 'Date']

style_data_conditional = [
    # 正数单元格：绿色背景+白色文字
    {
        'if': {
            'column_id': col,
            'filter_query': f'{{{col}}} >= 0'
        },
        'backgroundColor': 'green',
        'color': 'white'
    } for col in target_columns
] + [
    # 负数单元格：红色背景+白色文字
    {
        'if': {
            'column_id': col,
            'filter_query': f'{{{col}}} < 0'
        },
        'backgroundColor': 'red',
        'color': 'white'
    } for col in target_columns
]

return dash_table.DataTable(
    id='result-table',
    columns=[{'name': col, 'id': col, 'type': 'numeric', 'format': Format(precision=2, scheme=Scheme.fixed, symbol=Symbol.yes, symbol_suffix='%')} 
             if col in target_columns else {'name': col, 'id': col} 
             for col in filtered_df.columns],
    data=filtered_df.to_dict('records'),
    style_header=style_header,
    style_cell=style_data,
    style_data_conditional=style_data_conditional
)

关键说明 #

• 使用filter_query直接针对列值进行判断，Dash会自动将规则应用到对应列的所有单元格，无需手动遍历行。
• 先提取目标列（最后20列且排除Date），避免重复判断，代码更简洁。
• 分两组生成条件规则，正数和负数的规则互不覆盖，能正确匹配对应单元格。

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