I am using DataTable and Bootstrap (dash_bootstrap_components with SANDSTONE theme), and I am having some css issues with the display of dropdowns in the DataTable.
Originally, the dropdown menu would not appear when the cell was clicked, but I was able to fix this issue by adding a css parameter to the DataTable (css=[{“selector”: “.Select-menu-outer”, “rule”: “display: block !important”}]) as described here: [RESOLVED] Dropdown options in Datatable not showing? - #6 by vivekvs1
The other issue I am having is that the drop-down arrow is overlapping the content of my cell:
Notice how the arrow appears over top of the “false”. I am not a css expert, and cannot figure out how to fix this problem. Is there a way to solve this? Or a way to avoid conflicts with bootstrap styling altogether?
Thanks,
Susan
2 posts - 2 participants