DataTable Incorrectly Displayed at Left and Right Edge and Distort after update columns

Have a look at this github issue. In general, there is a CSS conflict when using dash_bootstrap_components with dash data_table.

I’m not sure if your exact case is the result of this issue. If so, adding this to your asssets/custom.css should solve the issue:

.dash-table-container .row {
  display: block;
  margin: 0;
}
1 Like