多个数据表，只有一个表头调整答案

【问题标题】：Multiple Datatables' and only one table header adjusts多个数据表，只有一个表头调整
【发布时间】：2018-09-22 06:30:22
【问题描述】：

我有多个数据表，由于它们是在加载 dom 时配置的，因此标题未对齐。我用过：

    $('.myclass').on('shown.bs.modal', function (e) {
       $($.fn.dataTable.tables(true)).DataTable()
       .columns.adjust()
       .fixedColumns().relayout();
     })

这有点奏效，只调整了四人决赛桌。我希望所有表格在显示时进行调整。有其他解决方案还是我遗漏了什么？

下面链接的示例

https://jsfiddle.net/aq9Laaew/231606/

【问题讨论】：

标签： jquery datatables

【解决方案1】：

为什么要尝试将$.fn.dataTable.tables 转换为 jQuery 实例？但请查看docs 并改为执行以下操作：

$('div.modal').on('shown.bs.modal', function (e) {
  var tables = $.fn.dataTable.tables({ api: true });
  tables.columns.adjust().draw();
  tables.fixedColumns().relayout().draw();
});

如果您只想定位即将显示的模式，您可以visible: true 参数。

【讨论】：

不幸的是，它仍然无法正常运行。我尝试了使用和不使用可见参数，但没有触发一次调整。
@JCode，你有两个主要问题 1) 你没有包含 FixedColumns 2) 你使用了相同的 id对于所有表。最后一件事导致 DataTables 逻辑失败。使用不同的唯一id 或根本不使用id。正在工作的分叉小提琴 -> jsfiddle.net/Lgbkf236
谢谢。我对jquery没有经验。它正在工作。