datatable jquery标头未与正文对齐

为了显示结果，我使用了两个数据表。当“外部”有一些结果时，表格显示正确。在“Interne”中只有结果时也是如此。 但当我同时在两个datatable中显示结果时，标题与正文不对齐。 在我点击标题后，它会恢复正常

我的第一个数据表代码：

  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);

我的第二个数据表代码：

  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);

我尝试像其他帖子建议的那样使用columns.adjust（）和setTimeout，但不起作用。

---

有人能帮我吗？提前感谢。

在初始化表之前，我通过显示div解决了问题的一部分。我使用：$（'#mydiv'）.show（）$（“#myTable”）.DataTable（）；。因此，现在在全屏上，标题与主体对齐，但当我调整窗口大小并刷新时，标题不再对齐。有人知道如何解决这个问题吗？