-
-
Notifications
You must be signed in to change notification settings - Fork 2k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[BUG] Dash (Graph and DataTable) and Bootstrap do not interact well. #1190
Comments
Hey @audetto,
.dash-table-container .row {
display: block;
margin: 0;
} |
I am observing issues of plotly graph like being shifted dramatically to right and bottom leaving the top and left blank when wrapped inside a dbc col. Not sure whether these are related. |
Hey @xumiao, can you share some example code or a screenshot? |
Hey @tcbegley, Is there a custom CSS that could fix that? |
Hey @alejandrovalde The |
These are good to know, but is there any plan or possibility to fix this so that it works out of the box? |
It's very unlikely Bootstrap would use a different name, as their stylesheets are very extensively used and dash-table I don't believe actually uses the
I've been working on some extensions to Bootstrap CSS for use with Plotly Dash, and would like to add some dash-table support to it. I haven't had time yet though. |
Hey, can you explain a little more how to override the row class inside the table? Thanks! |
Hi things have improved since I initially opened this issue.
But the usage of vertical space is not great. The code is the same as posted at the top of this issue. |
Describe the bug
Interaction between dash Graph and DataTable with Dash Bootstrap Components is poor.
In the attached example there are 4 tabs with 2 Graphs and 2 Data Tables
I have seen more pathological behaviour (see #1168) but was not able to reproduce it yet in a small app.
Expected behavior
DBC should integrate well in DCC and the other way round. Where should this bug be filed?
Screenshots
Example source code.
scratch.txt
The text was updated successfully, but these errors were encountered: