使列宽适合数据，并在DASH DATATABLE中

Question

我实际上正在使用破折号，但还没有找到任何方法来正确设置适合内容的列宽度。 因为当我将fill_width设置为false时，宽度适合数据，但不适合标题，并且在我的某些列中，标题比数据宽。

有什么正确的解决方法吗？预先感谢

NB：我的代码，即使我认为这没有什么帮助：

# Dashboard
html.Div(id="table", children=[
    dash_table.DataTable(
        style_header={
                'backgroundColor': colors['bg_board'],
                'color': colors['text_category'],
                'fontWeight': 'bold'
        },
        style_cell={
            'textAlign': 'center'
        },
        style_cell_conditional=[
            {
                'if': {'column_id': 'Maturity'},
                'backgroundColor': colors['bg_board'],
                'color': colors['text_category'],
            }
        ],
        style_table={
            'overflowY': 'auto',
            'overflowX': 'auto'
        },
        fixed_rows={'headers': True},
        fixed_columns={'headers': True},
        id='tbl'
    )
]),

“数据”是在回调中设置的，但这只是一个简单的数据帧。

Answer 1

我正在使用以下代码来造型我的冲刺。希望这有所帮助：

dash_table.DataTable(
    id='table_data',
    columns=[{"name":i,"id":i} for i in df.columns],
    data=[],
    style_table={'overflow':'scroll','height':550},
    style_header={'backgroundColor':'#305D91','padding':'10px','color':'#FFFFFF'},
    style_cell={'textAlign':'center','minWidth': 95, 'maxWidth': 95, 'width': 95,'font_size': '12px','whiteSpace':'normal','height':'auto'},
    editable=True,              # allow editing of data inside all cells
    filter_action="native",     # allow filtering of data by user ('native') or not ('none')
    sort_action="native",       # enables data to be sorted per-column by user or not ('none')
    sort_mode="single",         # sort across 'multi' or 'single' columns
    column_selectable="multi",  # allow users to select 'multi' or 'single' columns
    row_selectable="multi",     # allow users to select 'multi' or 'single' rows
    row_deletable=True,         # choose if user can delete a row (True) or not (False)
    selected_columns=[],        # ids of columns that user selects
    selected_rows=[],           # indices of rows that user selects
    page_action="native")