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

Question

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

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

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

下面链接的示例

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

Answer 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到参数。