Dash表格无法水平居中，请求排查问题原因

你的问题出在Dash DataTable默认会占满父容器的全部宽度，所以即使加了margin-left: auto和margin-right: auto，也看不出居中效果——因为表格已经撑满了容器，没有多余空间让margin生效。

解决步骤很简单：

• 给表格设置一个明确的最大宽度（或固定宽度），确保它不会撑满父容器
• 在style_table里添加左右margin自动的样式，让表格在父容器中水平居中

修改后的代码如下：

import pandas as pd
from dash import Dash, html, dash_table

df  = pd.read_csv('myfile.csv')
app = Dash(__name__)

hdg_style  = {'color': '#055d9c', 'text-align': 'center'}
tblh_style = {'backgroundColor': 'Linen', 'fontWeight': 'semi-bold'}
# 修改表格样式：添加左右margin自动，保留maxWidth，移除无用的textAlign
tbl_style  = {
    'maxWidth': '1000px', 
    'border': 'thin #055d9c solid',
    'marginLeft': 'auto',
    'marginRight': 'auto'
}

app.layout = html.Div(
    [
        html.H1(children="My Project", style=hdg_style),
        dash_table.DataTable(
            data         = df.to_dict('records'),
            columns      = [{'id': c, 'name': c} for c in df.columns],
            style_cell   = {'textAlign': 'center'},  # 控制单元格内容居中
            style_header = tblh_style,
            style_table  = tbl_style
        )
    ],
    # 可选：给父Div设置100%宽度，确保表格在全屏范围内居中
    style={'width': '100%'}
)

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

关键说明： #

1. style_table里的marginLeft和marginRight设为auto，是让块级元素水平居中的标准CSS写法，但前提是元素宽度小于父容器宽度
2. maxWidth: '1000px'限制了表格的最大宽度，避免它撑满父容器，给margin生效留足空间
3. 单元格内容的居中已经通过style_cell的textAlign: 'center'实现，style_table里的textAlign对表格整体位置没有作用，所以可以移除

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