如何不通过行索引获取Dash中selected_rows.data解决筛选数据匹配问题

核心解决思路：直接使用selected_rows获取选中行的原始数据，完全不需要依赖行索引去原DataFrame中匹配。dash_table.DataTable的selected_rows属性会返回当前表格（筛选/分页后）选中行的完整数据字典列表，直接将其转换为DataFrame即可在第二个表格中正确展示。

完整示例代码 #

import dash
from dash import Dash, dash_table, html, Input, Output, State
import pandas as pd

# 初始化示例数据
df = pd.DataFrame({
    'Category': ['A', 'B', 'C', 'D'],
    'Direction': ['Esquerda', 'Direita', 'Direita', 'Esquerda'],
    'Value': [10, 20, 30, 40]
})

app = Dash(__name__)

app.layout = html.Div([
    # 主表格（支持筛选、行选择）
    dash_table.DataTable(
        id='main-table',
        columns=[{"name": i, "id": i} for i in df.columns],
        data=df.to_dict('records'),
        filter_action='native',  # 开启原生筛选功能
        row_selectable='multi',  # 允许多选行
        selected_rows=[],
        page_action='native',
        page_size=10
    ),
    # 提交按钮
    html.Button('Submit', id='submit-btn', n_clicks=0),
    # 展示选中行的表格
    dash_table.DataTable(id='selected-table')
])

@app.callback(
    Output('selected-table', 'data'),
    Input('submit-btn', 'n_clicks'),
    State('main-table', 'selected_rows'),
    prevent_initial_call=True
)
def update_selected_table(n_clicks, selected_rows):
    # 直接使用选中行的原始数据，无需关联原DataFrame索引
    if selected_rows:
        # 将选中行的字典列表转为DataFrame，再转成表格所需格式
        selected_df = pd.DataFrame(selected_rows)
        return selected_df.to_dict('records')
    # 无选中行时返回空数据
    return []

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

关键说明 #

• selected_rows存储的是当前表格（经过筛选、分页操作后）选中行的完整数据，每个元素是对应行的字段-值字典，完全和当前展示的行一致。
• 回调中直接将selected_rows转为DataFrame，彻底避免了索引匹配的问题，不管怎么筛选，选中的行数据都会被正确提取。
• 不需要在回调中重建筛选后的DataFrame，省去了同步筛选条件的麻烦，也避免了筛选逻辑出错的可能。

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