Hi, I have a web page which I want to display data from my database with table style, The table allow user to edit and save the change to database. but when I use the datatable, I found when I double click the input field, enter something, then I click the save button the input content I enter will loss. BTW one click can works as expected, but it is not a good experience. I have a very simple case to show the problem.
import dash
import dash_table
import dash_html_components as html
app = dash.Dash(name)
app.layout = html.Div([
dash_table.DataTable(
id='computed-table',
columns=[
{'name': 'Input Data', 'id': 'input-data'}
],
data=[{'input-data': i} for i in range(11)],
editable=True,
style_table={
'maxWidth': '500'
},
),
html.Button('Submit', id='submit', n_clicks_timestamp='0', n_clicks=0)
])
if __name__ == '__main__':
app.run_server(debug=True)
the problem like this gif:
any advice will be very thankful.