How to type in some value and get table as an output accordingly?

Hi,

I am trying to prepare dashboard where I am typing in some value and table (taking into account the entered value) is compiled.

For instance, I am typing in ‘test1’, and the outcome is table with first value ‘test1’. Bellow is my code, but it does not work. Maybe someone could help me here?

> import dash
> import dash_core_components as dcc
> import dash_html_components as html
> from dash.dependencies import Input, Output
> import dash_table as dt
> 
> import pandas as pd
> 
> external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']
> 
> app = dash.Dash(__name__, external_stylesheets=external_stylesheets)
> 
> app.layout = html.Div([
>         
>     dcc.Input(id='my-id', value='initial value', type='text'),
>     
>     dt.DataTable(id='my-datatable')
> ])
> 
> @app.callback(
>     Output(component_id='my-datatable', component_property='data'),
>     [Input(component_id='my-id', component_property='value')]
> )
> 
> def update_output_div(input_value):
>     
>     df=pd.DataFrame({'id': ['0123456789', '9876543210'], 'values': [10,11]})
>     
>     df.iloc[0,0]=input_value
>     
>     return df
> 
> if __name__ == '__main__':
>     app.run_server(debug=True)