Javascript 数据表标题对齐调整

Javascript 数据表标题对齐调整,javascript,jquery,css,datatables,Javascript,Jquery,Css,Datatables,我在模式弹出窗口中使用datatable。当我打开弹出按钮时,单击,则标题即表格的ADS未根据表格的全宽进行自我调整。下面是两个场景,在这两个场景中,TheAD会相应地进行调整 1-打开弹出窗口,屏幕未对齐,然后打开chrome developer tools并关闭它们,现在屏幕自动对齐。参见图一 2-打开弹出窗口当chrome开发者工具也打开时,现在屏幕没有正确对齐,现在只要从右上角调整窗口大小,屏幕就会完全对齐。参见图二 谁能告诉我这里发生了什么事。我也附上下面的图片和代码 var tab

我在模式弹出窗口中使用datatable。当我打开弹出按钮时,单击,则标题即表格的ADS未根据表格的全宽进行自我调整。下面是两个场景,在这两个场景中,TheAD会相应地进行调整

1-打开弹出窗口,屏幕未对齐,然后打开chrome developer tools并关闭它们,现在屏幕自动对齐。参见图一

2-打开弹出窗口当chrome开发者工具也打开时,现在屏幕没有正确对齐,现在只要从右上角调整窗口大小,屏幕就会完全对齐。参见图二

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

 var table = $('#available-linguists').DataTable( {
      "dom": '<fl<t>ip>',
      "paging": false,
      "bInfo" : false,
      "scrollY": "250px",
      "scrollCollapse": true,
 });
var-table=$(“#可用语言学家”)。数据表({
“dom”:“”,
“分页”:false,
“bInfo”:假,
“滚动”:“250px”,
“卷轴崩溃”:没错,
});

当您显示模式时,尝试触发:

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

另外请注意,在调整窗口大小时,这些列神奇地对齐的原因也在这些文档中提到:

DataTables将在窗口调整大小事件中自动调用此方法,以使列与重新流动的布局保持同步


当你显示你的模态时,你必须触发它。你在这么做吗?如果你在问题中包括你正在使用的模型类型以及相关的javascript,那么就更容易给出更具体的指导。