title: How to automatically adjust a datatable based on the browsers zoom
body: <p>I am wondering if there is a simple way to allow a JQuery datatable to re-size itself while the user is using a browsers zoom-in, zoom-out features. Currently When I zoom in and out on my data table the data either shrinks or grows too large for the table. And I also noticed that  after I zoom out or in I can refresh the page and the datatable resizes itself to how it should look. Any insight or possible redirection to a question where this has been answered (could not find one) would be appreciated. Thanks.</p>
  
  <h3>Here are my JavaScript table properties:</h3>
  
  <pre><code>    "bJQueryUI": true,
      "bStateSave": true,
      "iDisplayLength": 50,
      "aaSorting": [[4, "desc"], [5, "asc"]],
      "aLengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]],
      "sPaginationType": "full_numbers",
      "sScrollY": "35em",
      "sScrollX": "100%",
      "bScrollCollapse": true
  </code></pre>