✊🏿 Black Lives Matter. Please consider donating to Black Girls Code today.
🐇 Announcing Dash VTK for 3d simulation graphics. Check out the March webinar.

Double click the input field in dashtable then use a button to save, the content will loss

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:
55
any advice will be very thankful.

1 Like

I am facing the same issue. Did you find a solution to this?