title: Dynamic table doesn't fit in bootstrap card
body: <p>I have datatables inside of bootstrap cards, but when the table is larger than the height of the card, it will exceed outside of the card. I have an overflow: auto on a table-wrapper which also does not trigger once exceeding the cards height.</p>
  
  <p>heres a simplified example: 
  <a href="https://stackblitz.com/edit/js-bootstrap4-gbnhfx?file=style.css" rel="nofollow noreferrer">https://stackblitz.com/edit/js-bootstrap4-gbnhfx?file=style.css</a></p>