Data_table per row dropdown_data not rendering

Dash Python
1

No error raised when valid data_table declared, eg

                       dash_table.DataTable(
                            id='table_curation',
                            columns=[
                                {"name": "header_type", "id": "header_type"},
                                {"name": "value_parsed", "id": "value_parsed"},
                                {"name": "best_guess", "id": "best_guess"},
                                {"name": "alternative_guesses", "id": "alternative_guesses","presentation": "dropdown"},
                                {"name": "free_text", "id": "free_text"},
                            ],
                            data=[{'header_type': 0, 'value_parsed': 'human', 'best_guess': 'human AKA Homo sapiens NODE ncbi_9606', 'free_text': ''}, {'header_type': 0, 'value_parsed': 'Humen', 'best_guess': 'Humerus AKA Humerus NODE mesh_A02.835.232.087.090.400', 'free_text': ''}, {'header_type': 1, 'value_parsed': 'serum', 'best_guess': 'Serum AKA Serum NODE mesh_A12.207.152.846', 'free_text': ''}, {'header_type': 2, 'value_parsed': 10, 'best_guess': 'Ablabys taenianotus AKA Ablabys taenianotus NODE ncbi_1604563', 'free_text': ''}, {'header_type': 2, 'value_parsed': 11, 'best_guess': 'Ablabys taenianotus AKA Ablabys taenianotus NODE ncbi_1604563', 'free_text': ''}, {'header_type': 2, 'value_parsed': 12, 'best_guess': 'Ablabys taenianotus AKA Ablabys taenianotus NODE ncbi_1604563', 'free_text': ''}],
                            dropdown_data=[{'alternative_guesses': {'options': [{'label': 'hi', 'value': 'hi'}]}},                            {'alternative_guesses': {'options': [{'label': 'hi', 'value': 'hi'}]}},                            {'alternative_guesses': {'options': [{'label': 'hi', 'value': 'hi'}]}},                            {'alternative_guesses': {'options': [{'label': 'hi', 'value': 'hi'}]}},                            {'alternative_guesses': {'options': [{'label': 'hi', 'value': 'hi'}]}},                            {'alternative_guesses': {'options': [{'label': 'hi', 'value': 'hi'}]}}],
 )
2

editable=True

is required

3

be advised

css=[ {"selector": ".Select-menu-outer", "rule": 'display : block !important'} ]

also required, but not the issue in my case

1 Like
4

Thanks, Without the css attribute, the selector is hidden and drop down is not displayed.