Potential bug: Dash DataTable paging for multiple DataTables on the same page

Dash Python
1

When I add 2 Dash DataTables on the same page and enable paging (native), it doesn’t work for the first table, only for the second one. On the first table I see the paging controls, but nothing happens when I try to use (click on) them.

Code example

import dash
import dash_table
import dash_html_components as html
import pandas as pd

df = pd.read_csv('https://raw.githubusercontent.com/plotly/datasets/master/solar.csv')

app = dash.Dash(__name__)

table1 = dash_table.DataTable(
    id='table1',
    columns=[{"name": i, "id": i} for i in df.columns],
    data=df.to_dict('records'),
    page_action="native",
    page_size=5,
)

table2 = dash_table.DataTable(
    id='table2',
    columns=[{"name": i, "id": i} for i in df.columns],
    data=df.to_dict('records'),
    page_action="native",
    page_size=7,
)

app.layout = html.Div([
    table1,
    table2
])

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

Thanks for reporting! Can you print out the version number youre on too?


print(dash_table.__version__)
3 
print(dash_table.__version__)
4.10.1
4

Thanks! Confirmed the issue on my end, thank you for the simple reproducible example. Tracking this issue in https://github.com/plotly/dash-table/issues/834