Is there a way to add drop-downs as part of rows in an editable table? There is this use case where I would like the user to select an item from the drop-down in Column A and then set some arbitrary value in Column B:
Column A Column B
Banana 10
Apple 5
Orange 6
Where Column A contains a list of [Banana, Apple, Orange]
for the time being, i used an html.Table and adjusted the entries according to predefined variables(dcc.Dropdown or dcc.Input.
would be extremely tedious if you’ve got a large table though.
Unfortunately it’s not ready to be shared yet. It’s currently being developed for a customer project (Consulting, Training & Open-Source Development) and we’ll share it once it becomes more stable.
Unfortunately, I overwrote the code I had, but it was something along the lines of: x = dcc. Input(...) y = dcc. Dropdown(...) html.Table(html.Tr(html.Td(x), html.Td(y))) repeated for the number of rows needed.
Plotly Dash desperately needs a full-dancing and singing data table component.
Atm, I have switched from current table prototype to html.Table(), because prototype had made my code unnecessary complicated (in my use-case). But I believe that in the future, python server callbacks for a data table is such a unique feature in Dash that it will make all those fancy javascript table libraries run for their money.
Keep up the great work @chriddyp !
Hi @chriddyp - looking forward to the new table component. Very very excited . Any idea when it might be available? Something like this would be fantastic - https://github.com/nadbm/react-datasheet !
Can’t wait Chris! Even an early (unstable) preview would be useful, to see where are you going with it. e.g. should we invest in our own Component now or should we wait for a common one.