ป้อนข้อมูลจาก Dash DataTable หนึ่งไปยัง Dash DataTable ที่สอง

Aug 19 2020

ฉันมีคำถามสั้น ๆ ในฐานะผู้เริ่มต้นกับ Dash ฉันใช้ตารางเพื่อยอมรับการป้อนข้อมูลของผู้ใช้อ่านในที่สุดดำเนินการกับมันจากนั้นส่งคืนตารางผลลัพธ์ด้านล่างรายการแรก ด้านล่างนี้คือรหัสของฉัน:

import dash
import dash_core_components as dcc
import dash_html_components as html
import pandas as pd
import dash_table
import os
from dash.dependencies import Input, Output
import numpy as np

names = ['Player','Pos','Games','Rush Mkt Shr','Yds/Rush','Rush TD Rate','Tgt Mkt Shr','Yds/Rec','Rec TD Rate','Catch Rate','Int Rate','QB Snaps']
team_entries = pd.DataFrame(np.zeros((11,len(names))),columns = names)
team_entries['Pos']=['QB','RB','RB','RB','WR','WR','WR','WR','TE','TE','TEAM']
team_entries['Games'] = 16

app.layout = html.Div([
    html.Div(id='div1', children=[dash_table.DataTable(
        id='table-editing-simple',
        columns=([{'id': p, 'name': p} for p in team_entries.columns]),
        data=team_entries.to_dict('records'),
        editable=True
    )]),
    html.Div(id = 'div2', children=[dash_table.DataTable(id='table-editing-simple-output')])
])


@app.callback(
    Output('table-editing-simple-output', 'data'),
    [Input('table-editing-simple', 'data'),
     Input('table-editing-simple', 'columns')])
def display_output(rows, columns):
    df = pd.DataFrame(rows, columns=[c['name'] for c in columns])
    df['Games'] = df['Games']*2
    return df.to_dict('records')


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

น่าเสียดายที่ตารางที่สองที่มี id 'table-edit-simple-output' ไม่พิมพ์ออกมาและฉันก็ไม่แน่ใจว่าทำไมถึงเป็นเช่นนั้น ประการที่สองถ้าฉันต้องการตั้งชื่อคอลัมน์ที่แตกต่างกันสำหรับตารางผลลัพธ์ฉันจะทำได้อย่างไร?

คำตอบ

1 JensD Aug 19 2020 at 18:45

ให้สิ่งนี้ไป: ในฟังก์ชันการเรียกกลับของคุณแทนที่จะส่งคืนข้อมูลให้ลองแทนที่ผลลัพธ์ของคุณด้วยOutput('div2', 'children')และส่งคืนข้อมูลแดชใหม่ทั้งหมดเช่น:

@app.callback(
    Output('div2', 'children'),
    [Input('table-editing-simple', 'data'),
     Input('table-editing-simple', 'columns')])
def display_output(rows, columns):
    df = pd.DataFrame(rows, columns=[c['name'] for c in columns])
    df['Games'] = df['Games']*2
    return dash_table.DataTable(
        id='table-output',
        columns=columns,
        data=rows,
    )

ด้วยวิธีนี้คุณสามารถเปลี่ยนชื่อคอลัมน์ได้อย่างอิสระเช่นกัน! รหัสการทำงานมีดังนี้:

import dash
import dash_core_components as dcc
import dash_html_components as html
import pandas as pd
import dash_table
import os
from dash.dependencies import Input, Output
import numpy as np

names = ['Player','Pos','Games','Rush Mkt Shr','Yds/Rush','Rush TD Rate','Tgt Mkt Shr','Yds/Rec','Rec TD Rate','Catch Rate','Int Rate','QB Snaps']
team_entries = pd.DataFrame(np.zeros((11,len(names))),columns = names)
team_entries['Pos']=['QB','RB','RB','RB','WR','WR','WR','WR','TE','TE','TEAM']
team_entries['Games'] = 16
app = dash.Dash(__name__)
app.layout = html.Div([
    html.Div(id='div1', children=[dash_table.DataTable(
        id='table-editing-simple',
        columns=([{'id': p, 'name': p} for p in team_entries.columns]),
        data=team_entries.to_dict('records'),
        editable=True
    )]),
    html.Div(id = 'div2', children=[dash_table.DataTable(id='table-editing-simple-output')])
])


@app.callback(
    Output('div2', 'children'),
    [Input('table-editing-simple', 'data'),
     Input('table-editing-simple', 'columns')])
def display_output(rows, columns):
    df = pd.DataFrame(rows, columns=[c['name'] for c in columns])
    df['Games'] = df['Games']*2
    return dash_table.DataTable(
        id='table-output',
        columns=columns,
        data=rows,
    )


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