title: DataTable fix width with vertical scroll bar
body: <p>I am using DataTable. </p>
  
  <p>I have following tables:</p>
  
  <p><strong>Table 1</strong></p>
  
  <p><img src="https://i.stack.imgur.com/m8t1e.jpg" alt="Data Table 1"></p>
  
  <p><strong>Table 2</strong>
  <img src="https://i.stack.imgur.com/am5Un.jpg" alt="Data Table 2">
  This is my initialization code:</p>
  
  <pre><code>$('#invoice-content-table').dataTable({
      "bPaginate": false,
      "sScrollY": "150px",
      "bPaginate": false,
      "bLengthChange": false,
      "bFilter": false,
      "bSort": false,
      "bInfo": false,
      "bAutoWidth": false,
      "bDestroy": true,
      "aoColumns": [{
              "sWidth": "170px"
          }, {
              "sWidth": "30px"
          }, {
              "sWidth": "30px"
          }, {
              "sWidth": "40px"
          }, {
              "sWidth": "25px"
          }, {
              "sWidth": "25px"
          }, {
              "sWidth": "25px"
          }, {
              "sWidth": "25px"
          }, {
              "sWidth": "25px"
          }, {
              "sWidth": "30px"
          }, {
              "sWidth": "50px"
          }
  
      ]
  });
  </code></pre>
  
  <p>Is there a way to fix <code>scroll-y</code> to scroll even if it does not contains any data ?</p>