数据表标题对齐调整

Question

我在模式弹出窗口中使用数据表。当我单击按钮打开弹出窗口时，标题即表格的标题不会自行调整到表格的整个宽度。以下是广告进行相应调整的两种情况。

1- 打开弹出窗口，tads 未对齐，然后只需打开 chrome 开发人员工具并关闭它们，现在tads 会自动对齐。看图一

2- 在 chrome 开发人员工具也打开时打开弹出窗口，现在小标题没有正确对齐，现在只需从右上角调整窗口大小，然后 BOOM 小标题完美对齐。见图二

谁能告诉我这里发生了什么。我还附上了下面的图片和代码。

 var table = $('#available-linguists').DataTable( {
      "dom": '<fl<t>ip>',
      "paging": false,
      "bInfo" : false,
      "scrollY": "250px",
      "scrollCollapse": true,
 });

Answer 1

尝试在显示模态时触发columns.adjust()：

table.columns.adjust();

提供此方法是为了让 DataTables 根据表中的数据和应用于列的大小（在 DOM、CSS 中或通过 columns.width 参数）重新计算列大小。 如果表格在初始化时隐藏（例如在选项卡中）或数据发生显着变化，则在表格变得可见时调用它。

另请注意，在这些文档中也提到了在调整窗口大小时列神奇地对齐自身的原因：

DataTables 会在窗口调整大小事件上自动调用此方法，以使列与重排布局保持同步。