使用Dash向Bootstrap Table中的单元格添加工具提示

import dash
import dash_bootstrap_components as dbc
import dash_html_components as html

app = dash.Dash(__name__, external_stylesheets=[dbc.themes.BOOTSTRAP])

app.layout = html.Div(
    dbc.Table(
        # 表头
        [
            html.Thead(html.Tr([html.Th("列1"), html.Th("列2")])),
            # 表体
            html.Tbody(
                [
                    html.Tr([html.Td("数据1"), html.Td("数据2")]),
                    html.Tr([html.Td("数据3"), html.Td("数据4")]),
                ]
            ),
        ],
        bordered=True,
        hover=True,
        responsive=True,
        striped=True,
    )
)

app.layout = html.Div(
    dbc.Table(
        [
            html.Thead(html.Tr([html.Th("列1"), html.Th("列2")])),
            html.Tbody(
                [
                    html.Tr(
                        [
                            html.Td(
                                html.Div(
                                    "数据1",
                                    id="tooltip-1",
                                    className="tooltip-target",
                                    **{"data-toggle": "tooltip", "data-placement": "top"},
                                )
                            ),
                            html.Td(
                                html.Div(
                                    "数据2",
                                    id="tooltip-2",
                                    className="tooltip-target",
                                    **{"data-toggle": "tooltip", "data-placement": "top"},
                                )
                            ),
                        ]
                    ),
                    html.Tr(
                        [
                            html.Td(
                                html.Div(
                                    "数据3",
                                    id="tooltip-3",
                                    className="tooltip-target",
                                    **{"data-toggle": "tooltip", "data-placement": "top"},
                                )
                            ),
                            html.Td(
                                html.Div(
                                    "数据4",
                                    id="tooltip-4",
                                    className="tooltip-target",
                                    **{"data-toggle": "tooltip", "data-placement": "top"},
                                )
                            ),
                        ]
                    ),
                ]
            ),
        ],
        bordered=True,
        hover=True,
        responsive=True,
        striped=True,
    )
)

@app.callback(
    dash.dependencies.Output("tooltip-1", "children"),
    dash.dependencies.Output("tooltip-2", "children"),
    dash.dependencies.Output("tooltip-3", "children"),
    dash.dependencies.Output("tooltip-4", "children"),
    [dash.dependencies.Input("tooltip-1", "id"),
     dash.dependencies.Input("tooltip-2", "id"),
     dash.dependencies.Input("tooltip-3", "id"),
     dash.dependencies.Input("tooltip-4", "id")]
)
def initialize_tooltips(*args):
    return args