title: Bootstrap 4 dropdown not-visible inside datatable
body: <p>I have seen <a href="https://stackoverflow.com/questions/26018756/bootstrap-button-drop-down-inside-responsive-table-not-visible-because-of-scroll">Bootstrap button drop-down inside responsive table not visible because of scroll</a> and this <a href="https://stackoverflow.com/questions/49346755/bootstrap-4-drop-down-menu-in-table">Bootstrap 4 drop-down menu in table</a> question but the solutions does not work with me because I'm using the DataTables plugin.</p>
  
  <p><a href="https://i.stack.imgur.com/gAuTG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gAuTG.png" alt="enter image description here"></a></p>
  
  <p>The dropdown menu should be above everything, but even after using <code>data-boundary="window"</code> as the Bootstrap 4 documentation tells, it still does not work.</p>
  
  <p>You can see the problem in this <strong><a href="https://jsfiddle.net/skoz7tjb/" rel="nofollow noreferrer">JSFiddle</a></strong>.</p>
  
  <p>Without the code of DataTables, it works just fine.</p>
  
  <pre><code>$(table).DataTable(
  {
      'bPaginate'         : true,
      'bLengthChange'     : false,
      'bFilter'           : true,
      'bInfo'             : true,
      'bAutoWidth'        : false,
      'aoColumnDefs'      : [
        {
          'bSortable'     : false,
          'aTargets'      : ['nosorting']
        }],
      'aaSorting'         : [],
  })
  </code></pre>