python - Dash plotly data table Fixed column with merge_duplicate_headers=True 导致滚动条滚动到表格宽度之外

Question

我正在观察以下问题：

以下是代码：

import dash
import dash_table
import dash_html_components as html

app = dash.Dash(__name__)
server = app.server

table = dash_table.DataTable(
    columns=[
        {"name": ["", "Year"], "id": "year"},
        {"name": ["City", "Montreal"], "id": "montreal"},
        {"name": ["City", "Toronto"], "id": "toronto"},
        {"name": ["City", "Ottawa"], "id": "ottawa"},
        {"name": ["City", "Vancouver"], "id": "vancouver"},
        {"name": ["Climate", "Temperature"], "id": "temp"},
        {"name": ["Climate", "Humidity"], "id": "humidity"}
    ],
    data=[
        {
            "year": i,
            "montreal": i * 10,
            "toronto": i * 100,
            "ottawa": i * -1,
            "vancouver": i * -10,
            "temp": i * -100,
            "humidity": i * 5,
        }
        for i in range(10)],
    merge_duplicate_headers=True,
    fixed_columns={'headers': True, 'data': 1},
    style_table={
        'minWidth': '100%'
    }
)

app.layout = html.Div([
    html.Div(id='table', children=table),
])


if __name__ == '__main__':
    app.run_server(debug=True)

这个问题只出现在merge_duplicate_headers=True我必须使用merge_duplicate_headers。

标签： pythondatatableplotly-dash