数据表列边缘未对齐

Question

我正在使用datatable插件。但在边缘浏览器中，我得到列错位。

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

以下是plunk链接 - https://plnkr.co/edit/rNHLC6gqSJDgdhkvNCa6?p=preview

我正在使用＆＃39; scrollX＆＃39;获得响应。如果我删除滚动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