title: jQuery Datatable: footer and header does not scroll horizontally with table
body: <p>I have used the vertical scroll of datatable to make footer and header visible to the user:<br></p>
  
  <pre><code>$('table').DataTable({
                  "scrollY": "50vh",
                  "scrollCollapse": true,
                  "paging": false
              });
  </code></pre>
  
  <p>it works fine when the table is small, but when I have used a lot of columns I faced a problem when I try to scroll vertically :<br>
  <a href="https://i.stack.imgur.com/LVEpU.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LVEpU.gif" alt="enter image description here"></a>
  The header and footer doesn't scroll with the table !!<br>
  Any solution to fix this ?</p>