Javascript 显示隐藏的DataTables后标题列未与值对齐

我使用带有DataTables组件的网格

---

我想在两个网格之间切换。 第二个在启动时隐藏

显示隐藏网格时，列标题与列值不对齐 这样地

你可以在现场看到

您可以通过顶部的收音机更改显示的网格

---

一个想法？

一个纠正显示错误但并不真正吸引人的想法： 其思想是，在对列进行排序后，显示变得正确，因此可以通过添加

myTable.fnSort（[[0，'asc']]）绕过它（按升序对第一列排序）

多了解一些信息可能会有所帮助，但jquery没有格式化标题。显示更多代码或手动格式化它们，或者让jquery退出这种方式。欺骗jquery的一种方法可能是让这些标题始终可见，但让文本字体与背景相同，并在出现问题时更改字体颜色。将dataTables应用于表时临时显示该表：

$(document).ready(function() {
  Table1 = $('#Table1').dataTable({
    "bSort": false,
    "sScrollY": "400px",
    "bJQueryUI": true,
    "bPaginate": false
  });

  $('#Table1Container').hide();
  $('#Table2Container').show();

  Table2 = $('#Table2').dataTable({
    "bSort": false,
    "sScrollY": "400px",
    "bJQueryUI": true,
    "bPaginate": false
  });

  $('#Table2Container').hide();
  $('#Table1Container').show();

  $("#rdTable1").click(function() {
    $('#Table2Container').hide();
    $('#Table1Container').show();
  });

  $("#rdTable2").click(function() {
    $('#Table1Container').hide();
    $('#Table2Container').show();
  });       

});

由于DataTables 1.10，这个问题可以通过在显示表时调用
列.adjust（）
来解决。
我不想对数据进行排序，我想保留数据在表中的放置方式。我建议的技巧是对数据进行排序（它们保持与示例中相同的顺序）为了更好地显示你的头部，我想在两个网格之间切换。第二个在启动时隐藏。我改变了我的榜样。