如何在更新后渲染dash数据表

import dash
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output
import pandas as pd

# 创建Dash应用
app = dash.Dash(__name__)

# 模拟获取最新数据
def get_updated_data():
    # 这里使用一个简单的示例数据
    data = {'Name': ['John', 'Alice', 'Bob'],
            'Age': [25, 30, 35]}
    return pd.DataFrame(data)

# 更新数据表回调函数
@app.callback(Output('data-table', 'data'),
              Output('data-table', 'columns'),
              Input('update-button', 'n_clicks'))
def update_data_table(n_clicks):
    # 获取最新数据
    updated_data = get_updated_data()
    
    # 将数据转换为适用于数据表的格式
    table_data = updated_data.to_dict('records')
    table_columns = [{'name': col, 'id': col} for col in updated_data.columns]
    
    return table_data, table_columns

# 创建布局
app.layout = html.Div([
    html.Button('更新数据', id='update-button'),
    html.Br(),
    dcc.Loading(
        id="loading",
        type="default",
        children=[
            dcc.Graph(id='data-table')
        ]
    )
])

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