This repository was archived by the owner on Aug 29, 2025. It is now read-only.
This repository was archived by the owner on Aug 29, 2025. It is now read-only.
Table automatically scrolls to bottom of page when using in-cell dropdown #486
Description
System Info
- Windows 7 (x64)
- Dash v1.0.0
- dash-table v4.0.0
- Python 3.5
- Firefox 67.0.4
Issue Description
When creating a large DataTable with certain columns rendered as dropdowns, activating a dropdown scrolls the user to the bottom of the page. This is an annoyance to our end-users, especially on very large tables.
Code Sample
import dash
import dash_html_components as html
import dash_table
app = dash.Dash(__name__)
table_data = [{"index": i, "dd": ''} for i in range(1000)]
app.layout = html.Div([
dash_table.DataTable(
data=table_data,
columns=[
{"id": "index", "name": "index"},
{"id": "dd", "name": "dd", "presentation": "dropdown"},
],
editable=True,
dropdown={
"dd":{
"options": [
{"label": str(i), "value": str(i)} for i in range(5)
]
}
}
)
])
if __name__ == "__main__":
app.run_server(debug=True)