title: data table column misalignment in edge
body: <p>I am using datatable plugin. But in edge browser i get column misalignment.</p>
  
  <pre><code>$(document).ready(function() {
      $('#example').DataTable( {
                destroy: true,
                paging: false,
                info: false,
                stateSave: true,
                bStateSave: true,
                dom: 't',
                'scrollX': true,
      } );
  } );
  </code></pre>
  
  <p>Here is the plunk link- <a href="https://plnkr.co/edit/rNHLC6gqSJDgdhkvNCa6?p=preview" rel="nofollow noreferrer">https://plnkr.co/edit/rNHLC6gqSJDgdhkvNCa6?p=preview</a></p>
  
  <p>I am using 'scrollX' to get responsitivity. If I remove scroll X the column alignment seems to be fine. Any leads will be helpful. </p>