# \[RESOLVED\] Dropdown options in Datatable not showing? **URL:** \ **Category:** Dash Python\ **Created:** [March 2, 2019, 2:56pm UTC](https://community.plotly.com/t/resolved-dropdown-options-in-datatable-not-showing/20366 "2019-03-02T14:56:32Z")\ **Posts on this page:** 15\ **Page:** 1
**Author:** ![qdumont](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/qdumont/32/5278_2.png) [@qdumont](https://community.plotly.com/u/qdumont)\ **Post date:** [March 2, 2019, 2:56pm UTC](https://community.plotly.com/t/resolved-dropdown-options-in-datatable-not-showing/20366/1 "2019-03-02T14:56:32Z")
Hey, I succeed to implement the drop-down option within the data table without any problem. However, when I click on the options, I can’t display the menu/list of values possible. ![image](https://us1.discourse-cdn.com/flex024/uploads/plot/original/2X/a/ad38b8f6b3fc60582e3ebc37a5d9bee65bb59258.png) ``` [ dash_table.DataTable( id='table-roster-site', editable = True, data=df_roster.to_dict('rows'), columns=[{'id': c, 'name': c, 'presentation' : 'dropdown'} for c in df_roster.columns], column_static_dropdown = [ { 'id' : 'MISSION', 'dropdown' : [ {'label' : i, 'value' : i} for i in df_roster['MISSION'].unique() ] }, { 'id' : 'NAME', 'dropdown' : [ {'label' : i, 'value' : i} for i in df_roster['NAME'].unique() ] } ] ``` Did anyone face the same issue? Thx, Quentin. ---
**Author:** ![\_Ian](https://avatars.discourse-cdn.com/v4/letter/_/ccd318/32.png) [@\_Ian](https://community.plotly.com/u/_Ian)\ **Post date:** [March 5, 2019, 3:20am UTC](https://community.plotly.com/t/resolved-dropdown-options-in-datatable-not-showing/20366/2 "2019-03-05T03:20:43Z")
Oh, it’s `'presentation'`! The docs say `'type'`. Thanks! I wish I could help, but mine worked with this change. My only guess for your error is that the result of `df_roster['MISSION'].unique()` is not a list of strings, but some numpy type. ---
**Author:** ![vivekvs1](https://avatars.discourse-cdn.com/v4/letter/v/c2a13f/32.png) [@vivekvs1](https://community.plotly.com/u/vivekvs1)\ **Post date:** [March 20, 2019, 9:07pm UTC](https://community.plotly.com/t/resolved-dropdown-options-in-datatable-not-showing/20366/4 "2019-03-20T21:07:06Z")
I am facing the same issue. Even copying and pasting the example provided in the User Guide is not working- i.e. the drop-down returns an empty list. Was this resolved? ---
**Author:** ![vivekvs1](https://avatars.discourse-cdn.com/v4/letter/v/c2a13f/32.png) [@vivekvs1](https://community.plotly.com/u/vivekvs1)\ **Post date:** [March 20, 2019, 9:41pm UTC](https://community.plotly.com/t/resolved-dropdown-options-in-datatable-not-showing/20366/5 "2019-03-20T21:41:18Z")
For me it appears to be due to using bootstrap.css . Credits to this post below: > [@Problems with Dash Table Dropdowns](https://community.plotly.com/t/problems-with-dash-table-dropdowns/16263/2): > > Solved the issue (sort of) Apparently there is a conflict with Bootstrap 4 which prevents dropdowns in the table rendering properly. I will submit a bug report to the github page later today. Is there a way to be able to make it work? ---
**Author:** ![vivekvs1](https://avatars.discourse-cdn.com/v4/letter/v/c2a13f/32.png) [@vivekvs1](https://community.plotly.com/u/vivekvs1)\ **Post date:** [March 20, 2019, 9:47pm UTC](https://community.plotly.com/t/resolved-dropdown-options-in-datatable-not-showing/20366/6 "2019-03-20T21:47:19Z")
Oops just figured it out. For anyone having a similar issue, please add the following CSS: ``` .Select-menu-outer { display : block !important; } ``` Credits: > ---
**Author:** ![qdumont](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/qdumont/32/5278_2.png) [@qdumont](https://community.plotly.com/u/qdumont)\ **Post date:** [March 21, 2019, 9:43am UTC](https://community.plotly.com/t/resolved-dropdown-options-in-datatable-not-showing/20366/7 "2019-03-21T09:43:16Z")
Thanks a lot ! I am indeed using Dash-Bootstrap-Components. Thx so much for sharing the solution ! ---
**Author:** ![ValB](https://avatars.discourse-cdn.com/v4/letter/v/b38774/32.png) [@ValB](https://community.plotly.com/u/ValB)\ **Post date:** [March 31, 2020, 2:42pm UTC](https://community.plotly.com/t/resolved-dropdown-options-in-datatable-not-showing/20366/8 "2020-03-31T14:42:54Z")
Apparently this solution is not viable again, with the latest updates, and without Dash-bootstrap-components. It would be nice if official documents would also contain instructions for necessary css components. ---
**Author:** ![glan](https://avatars.discourse-cdn.com/v4/letter/g/aca169/32.png) [@glan](https://community.plotly.com/u/glan)\ **Post date:** [June 1, 2020, 7:41pm UTC](https://community.plotly.com/t/resolved-dropdown-options-in-datatable-not-showing/20366/10 "2020-06-01T19:41:20Z")
Has anyone found a working solution to this? Like the user above said, this currently is not working. ---
**Author:** ![shweta1108](https://avatars.discourse-cdn.com/v4/letter/s/8dc957/32.png) [@shweta1108](https://community.plotly.com/u/shweta1108)\ **Post date:** [June 2, 2020, 12:03am UTC](https://community.plotly.com/t/resolved-dropdown-options-in-datatable-not-showing/20366/11 "2020-06-02T00:03:16Z")
The solution ended up working for me. I was making a mistake in where I was placing the css (never worked with this before). Ensure it is not inside any media group but is at the outermost indentation level. ![Screen Shot 2020-06-01 at 8.00.31 PM](https://us1.discourse-cdn.com/flex024/uploads/plot/original/2X/2/222a388f3130a36cdac37e05ca29ce21649f88d8.png) ---
**Author:** ![caseguide](https://avatars.discourse-cdn.com/v4/letter/c/b77776/32.png) [@caseguide](https://community.plotly.com/u/caseguide)\ **Post date:** [June 3, 2020, 6:56pm UTC](https://community.plotly.com/t/resolved-dropdown-options-in-datatable-not-showing/20366/12 "2020-06-03T18:56:30Z")
Also had this issue using dash bootstrap components. I just tried the CSS fix by creating an assets/ folder in the app’s root dir then making a .css file and putting this in it: ```auto .Select-menu-outer { display : block !important; } ``` Plotly Dash docs have more info about including CSS. ---
**Author:** ![didouu47](https://avatars.discourse-cdn.com/v4/letter/d/7cd45c/32.png) [@didouu47](https://community.plotly.com/u/didouu47)\ **Post date:** [July 30, 2020, 6:49am UTC](https://community.plotly.com/t/resolved-dropdown-options-in-datatable-not-showing/20366/13 "2020-07-30T06:49:00Z")
> [@Solved by vivekvs1 in post #6](#): > > CSS: .Select-menu-outer { display : block !important; } Hi, I have tried the following & it solves the issue I am using external\_stylesheets=[dbc.themes.FLATLY] Don’t know if it is a correct solution, but it is ok dash\_table.DataTable( ``` id='table-dropdown', data=df.to_dict('records'), **css=({ 'display' : 'block' }),** columns=[ {'id': 'climate', 'name': 'climate', 'presentation': 'dropdown'}, {'id': 'temperature', 'name': 'temperature'}, {'id': 'city', 'name': 'city', 'presentation': 'dropdown'}, ], editable=True, dropdown={ 'climate': { 'options': [ {'label': i, 'value': i} for i in df['climate'].unique() ] }, 'city': { 'options': [ {'label': i, 'value': i} for i in df['city'].unique() ] } } ), ``` ---
**Author:** ![dnordfors](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/dnordfors/32/19991_2.png) [@dnordfors](https://community.plotly.com/u/dnordfors)\ **Post date:** [August 25, 2020, 5:27pm UTC](https://community.plotly.com/t/resolved-dropdown-options-in-datatable-not-showing/20366/14 "2020-08-25T17:27:41Z")
Hi - can you say _where_ to add the CSS-code? When I copy -paste your code python crashes - it doesn’t like the asterisks. It doesn’t work without the asterisks, either - DashTable doesn’t recognize ‘css’ as an argument. I tried saving the code snippet as ‘dashtable.css’ in a folder ‘assets’, as suggested in the dash-manual for adding css-files - but that didn’t make any difference. I reckon I’m missing some basic dash-knowledge. Eager to learn & to solve the issue. ---
**Author:** ![didouu47](https://avatars.discourse-cdn.com/v4/letter/d/7cd45c/32.png) [@didouu47](https://community.plotly.com/u/didouu47)\ **Post date:** [August 25, 2020, 11:58pm UTC](https://community.plotly.com/t/resolved-dropdown-options-in-datatable-not-showing/20366/15 "2020-08-25T23:58:27Z")
Hi David, You should remove the asterisks, I don’t know why it is showing in my post it is a mistake maybe because I wanted to make the line bold that it was added Can you please share your code if I could help ? ---
**Author:** ![snail\_al](https://avatars.discourse-cdn.com/v4/letter/s/4491bb/32.png) [@snail\_al](https://community.plotly.com/u/snail_al)\ **Post date:** [November 10, 2020, 1:15pm UTC](https://community.plotly.com/t/resolved-dropdown-options-in-datatable-not-showing/20366/16 "2020-11-10T13:15:26Z")
Hello to All! What an awesome thing Plotly-Dash! I am using already 2 years the tools! This solution here forced me to make an account just to say hello and a huge thank you for the solution with the external .css Thanks a lot! ---
**Author:** ![jinnyzor](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/jinnyzor/32/21194_2.png) [@jinnyzor](https://community.plotly.com/u/jinnyzor)\ **Post date:** [September 27, 2022, 4:24pm UTC](https://community.plotly.com/t/resolved-dropdown-options-in-datatable-not-showing/20366/17 "2022-09-27T16:24:18Z")
For anyone stumbling into where this doesn’t solve the issue completely (scroll bar displayed in the cell but no options below the table), especially where you only have a few rows of data. Check to make sure that you don’t pass this argument to the data\_table. `fixed_rows={'headers': True}` This causes the table to shrink to 100% of the data that is represented, regardless of what arguments you pass in the style.