1

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

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

当我显示隐藏网格时，列标题与这样的列值不对齐 在此处输入图像描述

你可以在现场看到

您可以使用顶部的收音机更改显示的网格

一个主意 ？

4

4 回答 4

0

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

看这里

于 2013-03-07T17:02:16.340 回答
0

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

于 2013-03-07T17:13:53.183 回答
0

隐藏表格时，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();
  });       

});
于 2013-06-25T13:44:44.103 回答
0

从 DataTables 1.10 开始，可以通过在显示表格时调用该columns.adjust() 方法来解决此问题。

于 2017-04-04T16:03:30.830 回答