ป้อนข้อมูลจาก 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)