Javascript jQuery UI选项卡中的jQuery数据表

如何调整jQuery UI选项卡中的jQuery DataTables列？

这是我的JS代码：

$('#myTab a').click(function (e) {
      e.preventDefault();
      $(this).tab('show');
});

$('#myTable').DataTable();

这就是DataTables建议集成的方式，但我必须如何自定义代码才能使用我的单击功能：

$(document).ready(function() {
$("#tabs").tabs( {
    "activate": function(event, ui) {
        $( $.fn.dataTable.tables( true ) ).DataTable().columns.adjust();
    }
} );

$('table.display').dataTable( {
    "scrollY": "200px",
    "scrollCollapse": true,
    "paging": false,
    "jQueryUI": true
} );
} );

---

尝试将该功能添加到单击事件中：

$('#myTab a').click(function (e) {
   e.preventDefault();
   $(this).tab('show');
   $('table.display').DataTable().columns.adjust();
});

或者，根据datatables版本，旧api版本也应适用：

$('#myTab a').click(function (e) {
   e.preventDefault();
   $(this).tab('show');
   $('table.display').dataTable().fnAdjustColumnSizing();
});

---

它仍然不起作用。例如，一列称为Product。产品名称由四个单词组成，所有单词都被break命令分隔。不确定。。我在jQueryUI选项卡上使用了与上面几乎相同的东西，它工作得非常好。列调整的目的只是在启用滚动时使标题和正文对齐。你看到了不对中吗？是的。thead部分（列标题）与tbody部分（列值）不匹配。。。