title: dataTables - with a fixed column, is it possible to move the scrollbar to the outside? It also creates a gap in the table that I'd like to fix
body: <p>This is a bit of a continuation from this question here: <a href="https://stackoverflow.com/questions/14991545/datatables-cant-get-horizontal-scroll-fixed-column-to-do-their-job-seems-t/14993977#14993977">dataTables - Can&#39;t get horizontal scroll &amp; fixed column to do their job. Seems to render differently everywhere. What am I doing wrong?</a></p>
  
  <p>I got the dataTable displaying the way I want it to, for the most part. But this is what it looks like.</p>
  
  <ul>
  <li>I had a picture of the previous look, but I somehow managed to edit it out while posting my answer below. I didn't think you could do that.</li>
  <li>You can still see how it looked before by going to the jsfiddle link below.</li>
  </ul>
  
  <p>I need to know if there's a way to not only close up that gap, that the scrollbar is clearly causing, but also if there is a way to move the scrollbar to the outside of the table.</p>
  
  <p><code>padding-right: 140px;</code> did move it over, but also covered up the Action column. I then tried to apply a z-index to the action Column, but when I moved it over, it covers up the horizontal scroll at the bottom. I can't change the height obviously because then it won't line up with the rest of the table. Any thoughts?</p>