python - 在 Dash 中执行回调时，如何为 children 属性中的某些单词设置样式？

Question

我很好奇是否可以在短划线中的 children 属性中设置某些单词的样式。

我的文本是 children 属性的一部分，因为我有一个更新文本的回调。但是，我只想将冒号前的单词加粗，而不是整个文本。我似乎无法在 Dash 中找到一种优雅的方法来做到这一点。

我的样子 实得工资总额:500
我希望它看起来像什么 实得工资总额: 500

当前代码

html.Div([
    html.Div([
        html.Div(id='total-pay',
                children='',
                style={'font-weight': 'bold'}
        ),
    ], className='six columns'),
], className='row'),

@app.callback(
        Output('total-pay', 'children'),
        [Input('date-picker-range', 'start_date'),
        Input('date-picker-range', 'end_date')],
    )
    def dataview_text(start_date, end_date):
        df = df_paystub
        df = df[(df['Date'] >= start_date) & (df['Date'] <= end_date)]
        totalpay = 'Take Home Pay Total: ' + str(round(df['CheckTotal'].sum(),2))
        return totalpay

谢谢!

Answer 1

这是一种方法:

totalpay = html.P(children=[
        html.Strong('Take Home Pay Total: '),
        html.Span(str(round(df['CheckTotal'].sum(),2)))
    ])
return totalpay

您也可以使用 dcc.Markdown如果你想使用 Markdown 样式。