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

"Select All" checkbox with multiple Datatables not working properly

Hi,
I am working with two datatables and i found that when I click in the 2nd datatable’s colum checkbox (the one that selects all the checkboxes), sometimes, the “select all” is executed on the 1st datatable instead of doing it in the proper one. Here I leave the code and a gif to see the issue more clearly. Note: the issue does not happen in every execution with the showed combination of options.

import dash
from dash.dependencies import Input, Output, State
import dash_core_components as dcc
import dash_html_components as html
import dash_table_experiments as dte

app = dash.Dash()
app.layout = html.Div(children=[
    dte.DataTable(
        rows=[{"Table 1":"option 1"},{"Table 1":"option 2"},{"Table 1":"option 3"},{"Table 1":"option 4"},],
        row_selectable=True,
        selected_row_indices=[],
        filterable=False,
        id='table1',
    ),
    dte.DataTable(
        rows=[{"Table 2":"thing 1"},{"Table 2":"thing 2"},{"Table 2":"thing 3"},{"Table 2":"thing 4"},],
        row_selectable=True,
        selected_row_indices=[],
        filterable=False,
        id='table2',
    ),
])

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