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

Question

我使用带有DataTables组件的网格。

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

当我显示隐藏的网格时，列标题未与列值对齐 像这样

你可以在现场看到here

你可以在顶部用无线电改变显示的网格

一个想法？

Answer 1

纠正显示错误但不具吸引力的想法： 我们的想法是，在对列进行排序后，您的显示变得正确，以便在初始化数据表后通过添加myTable.fnSort([[0, 'asc']]);（按升序排序第一列）来绕过它。

See here

Answer 2

更多信息会有所帮助，但是你的jquery没有格式化你的标题。显示更多代码或手动格式化它们或获取jquery以此方式退出。可能一种欺骗jquery的方法是让这些标题始终可见，但让你的文本字体等于你的背景并在时间变化时改变字体颜色

Answer 3

当隐藏表时，jQuery DataTables没有正确对齐列和标题。在将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();
  });       

});

Answer 4

自DataTables 1.10起，您可以在显示表格时致电columns.adjust() method来解决此问题。