データテーブルの列の端にずれがある

Question

私はデータテーブルプラグインを使用しています。しかし、エッジブラウザでは、私は列のミスアライメントを取得します。ここで

$(document).ready(function() { 
    $('#example').DataTable({ 
       destroy: true, 
       paging: false, 
       info: false, 
       stateSave: true, 
       bStateSave: true, 
       dom: 't', 
       'scrollX': true, 
    }); 
}); 

は私が応答度を得るために 'scrollX' を使用していますhttps://plnkr.co/edit/rNHLC6gqSJDgdhkvNCa6?p=preview

リンク - plunkです。私がスクロールXを削除すると、カラムの整列がうまくいくように見えます。どんなリードも役立ちます。

Answer 1

CSSでtdとth〜white-space: nowrapを設定すると、この問題がエッジで修正されているようです。

table.dataTable tbody th, 
    table.dataTable tbody td { 
     white-space: nowrap; 
    } 

Here is a fork of your plunker with the proposed change