用dcc.Dropdown过滤pandas df并将结果显示在前端

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

app = dash.Dash(__name__)

df = pd.DataFrame({
    'Name': ['Alice', 'Bob', 'Charlie', 'David'],
    'Age': [25, 30, 35, 40],
    'Gender': ['Female', 'Male', 'Male', 'Male']
})

app.layout = html.Div([
    dcc.Dropdown(
        id='filter-dropdown',
        options=[
            {'label': 'Female', 'value': 'Female'},
            {'label': 'Male', 'value': 'Male'}
        ],
        value='Female'
    ),
    html.Table(id='filtered-data')
])

@app.callback(
    Output('filtered-data', 'children'),
    [Input('filter-dropdown', 'value')]
)
def update_filtered_data(selected_gender):
    filtered_df = df[df['Gender'] == selected_gender]
    return generate_table(filtered_df)

def generate_table(dataframe):
    table = []
    for _, row in dataframe.iterrows():
        table.append(html.Tr([
            html.Td(row['Name']),
            html.Td(row['Age']),
            html.Td(row['Gender'])
        ]))
    return table

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