How to make the content (table) crawl out of the div container?

Question

css

The template uses bootstrap 4. The problem is that the content of the container - the table gets out of the borders and stretches it.

The content itself is placed in:

<div style="overflow-x: auto; min-height: 0.01%;"></div>

Those. in theory, the content should not get out of the border, but in the end, it does not work. I tried different approaches, for all that are in front of the table, I tried to put the style of the same as above, but to no avail. It didn't help either. If I delete the table - at once the whole layout comes in order. The css is very bad, googling didn't help. Please help. Thank you!
owerflow: hidden

Answer 1

Place your table in a div with class table-responsive:

<div class="table-responsive">
  <table class="table">
    ...
  </table>
</div>