Plotly Dash创建的表格仅单侧生效borderRadius圆角问题求助

核心问题原因：你设置了fill_width=False，表格不会自动撑满父容器宽度，而style_table默认宽度为100%，右侧圆角落在了表格内容之外的空白区域，因此无法显示，只有左侧圆角和表格内容重叠，才出现了仅左侧有圆角的现象。

解决方案1（最简修改） #

直接在style_table配置中新增width: fit-content属性，让表格容器的宽度刚好匹配表格实际内容宽度，四个角的圆角就会全部落在表格可见范围内：

style_table={
       'borderRadius':'10px',
       'overflow': 'hidden',
       'width': 'fit-content' # 新增此行即可
}

你之前注释掉的border-collapse相关配置不需要启用，启用反而可能出现边框间隙导致圆角显示异常，保持默认即可。

解决方案2（适配自定义外层样式场景） #

如果需要给表格加额外的外层装饰，可以把DataTable套在一个带圆角和溢出隐藏属性的父Div中，不需要修改原有表格的样式配置：

html.Div([ 
    dash_table.DataTable(
        data=df_Q3.to_dict('records'),
        columns=[{'id': c, 'name': c} for c in select_broadest_df],
        style_header=style_header,
        style_cell=style_cell,
        style_data_conditional=style_data_conditional,
        style_table={'overflow': 'hidden'},
        fill_width=False
    )
], style={'borderRadius': '10px', 'overflow': 'hidden', 'width': 'fit-content'})

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