Dash初始表首次回调后第二张DataTable不再更新问题

回调第二次触发后表B不更新是写法问题导致的，和Dash框架本身的回调机制无关：

• 组件ID重复：初始布局里已经定义了id='selected_cell'、id='tbl2'两个Div作为输出容器，但回调返回的内容里，又给内嵌的P标签、DataTable组件设置了和外层容器完全相同的ID。第一次回调执行后页面会出现两个同ID组件，Dash前端的DOM diff逻辑检测到ID冲突后，后续回调的更新定位会直接失效，不会再渲染新内容。
• 返回逻辑不全：当点击表A非State列的单元格时，函数没有明确返回值，会隐式返回None，容易触发容器内容清空的异常状态。

只需要做两处调整即可：

1. 删除回调里动态生成组件时重复定义的ID参数，不要让页面出现重名组件
2. 补全非目标列点击场景的返回逻辑，用no_update保留当前内容不变化，避免隐式返回None

修复后的可运行代码如下：

import dash
from dash import html, dcc, Output, Input, State, Dash, no_update
import dash_bootstrap_components as dbc
import pandas as pd
from dash.exceptions import PreventUpdate

app = Dash(__name__, external_stylesheets=[dbc.themes.BOOTSTRAP])
df = pd.read_csv(
    'https://raw.githubusercontent.com/plotly/datasets/master/solar.csv')
df['user'] = '-'
df['date'] = '-'
data = {'State':  ['Texas', 'Texas', 'Texas', 'Nevada', 'Nevada', 'Nevada'],
        'Number of Solar plants': [12, 10, 13, 10, 9, 11]
        }

df2 = pd.DataFrame(data)

@app.callback(
        Output('selected_cell', 'children'),
        Output('tbl2', 'children'),
        Input('tbl', 'active_cell'),
        State('tbl', 'data')
)
def get_selected_cell(active_cell, data):
    if not active_cell:
        raise PreventUpdate
    col = active_cell['column_id']
    row = active_cell['row']
    cellData = data[row][col]
    # 仅点击State列时更新内容
    if col == 'State':
        subset = df2[df2['State'] == cellData]
        selected_cell_element= html.P(cellData)
        selected_subset_table = html.Div(dash.dash_table.DataTable(
            data=subset.to_dict('records'),
            columns=[{"name": i, "id": i} for i in subset.columns]
        ))
        return selected_cell_element,selected_subset_table
    # 点击其他列时保留原有内容不更新
    return no_update, no_update
    
app.layout = html.Div([
    dbc.Label('Click a cell in the table:'),
    dash.dash_table.DataTable(
        data=df.to_dict('records'),
        columns=[{"name": i, "id": i} for i in df.columns],
        id='tbl'),
    dbc.Alert(id='tbl_out'),
    html.Div(id='selected_cell'),
    html.Div(id='tbl2')
])

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

如果不需要动态增减组件，不推荐在回调里生成整个组件树。可以直接在初始布局里把表B的DataTable定义好，回调只更新DataTable的data属性，性能更高，也从根源上避免ID冲突问题，核心逻辑示例：

# 布局里直接定义表B
app.layout = html.Div([
    # ... 其他原有组件
    html.Div(id='selected_cell'),
    dash.dash_table.DataTable(id='tbl2')
])

# 回调直接输出表B的data属性
@app.callback(
        Output('selected_cell', 'children'),
        Output('tbl2', 'data'),
        Input('tbl', 'active_cell'),
        State('tbl', 'data')
)
def get_selected_cell(active_cell, data):
    if not active_cell:
        raise PreventUpdate
    col = active_cell['column_id']
    row = active_cell['row']
    cellData = data[row][col]
    if col == 'State':
        subset = df2[df2['State'] == cellData]
        return html.P(cellData), subset.to_dict('records')
    return no_update, no_update

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