Daten Tabellenspalte Fehlausrichtung in Rand

Question

Ich verwende Datatable-Plugin. Aber im Edge Browser bekomme ich Spaltenversatz. Hier

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

ist die zupfen Link- https://plnkr.co/edit/rNHLC6gqSJDgdhkvNCa6?p=preview

Ich verwende 'scrollX' Ansprechempfindlichkeit zu erhalten. Wenn ich scroll X entferne, scheint die Spaltenausrichtung in Ordnung zu sein. Alle Leads werden hilfreich sein.

Answer 1

Das Setzen der td und th auf white-space: nowrap in Ihrem CSS scheint dieses Problem in Edge zu beheben.

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

Here is a fork of your plunker with the proposed change