datatable jQuery标头与主体不对齐

Question

为了显示我的结果，我使用了两个数据表。如果出现“外部”结果，则表正确显示1。当只有“ Interne”中的结果时相同。2 但是当我同时在两个数据表中显示结果时，标题与主体不对齐。3 在点击标题后，它又恢复了正常。4

我的第一个数据表代码：

  setTimeout(function () {
  var table = $('#tabledata').DataTable({
    scrollX: true,
    bPaginate: false,
    bInfo: false,
    bFilter: false,
    orderClasses: false,
  }).columns.adjust();
  //export
  var buttons = new $.fn.dataTable.Buttons(table, {
    buttons: [
      'excelHtml5',
    ]
  }).container().appendTo($('#buttonsext'));
  document.getElementsByClassName("dt-button")[0].id = "excel_button";
  var button_excel = document.getElementById('excel_button');
  button_excel.innerHTML = "";
}, 20);

我的第二个数据表代码：

  setTimeout(function () {
  var table2 = $('#tabledata2').DataTable({
    scrollX: true,
    bPaginate: false,
    bInfo: false,
    bFilter: false,
    orderClasses: false,
  }).columns.adjust();
  //export
  var buttons2 = new $.fn.dataTable.Buttons(table2, {
    buttons: [
      'excelHtml5',
    ]
  }).container().appendTo($('#buttonsint'));
  document.getElementsByClassName("dt-button")[0].id = "excel_button";
  var button_excel = document.getElementById('excel_button');
  button_excel.innerHTML = "";
}, 20);

我尝试使用column.adjust（）和setTimeout，就像其他帖子所建议的那样，但是它不起作用。 有人可以帮我吗？预先感谢。