Datatables 为什么数据表最后一个标题与最后一列不对齐?

Datatables 为什么数据表最后一个标题与最后一列不对齐?,datatables,datatables-1.10,zurb-foundation-5,Datatables,Datatables 1.10,Zurb Foundation 5,我用DataTable library创建了一个表(使用的是foundation zurb 5.5.3),如下图所示,我在Chrome和IE 11中都看到,当您第一次打开页面时,最右边的列标题与其他行不对齐。实际的网页是。但是,如果我打开devtools尝试检查代码,就会出现问题!但当我使用CTRL+F5刷新时,它会重新出现 当我创建此小提琴时,问题不会出现: 下面只是粘贴的代码的一小部分。如果你能看看网页,我会非常感激,因为这是问题的所在…也许是IE和Chrome中的一个bug <tab

我用DataTable library创建了一个表(使用的是foundation zurb 5.5.3),如下图所示,我在Chrome和IE 11中都看到,当您第一次打开页面时,最右边的列标题与其他行不对齐。实际的网页是。但是,如果我打开devtools尝试检查代码,就会出现问题!但当我使用CTRL+F5刷新时,它会重新出现

当我创建此小提琴时,问题不会出现:

下面只是粘贴的代码的一小部分。如果你能看看网页,我会非常感激,因为这是问题的所在…也许是IE和Chrome中的一个bug

<table id="example" class="display nowrap table1 compact">

通常,当表格在初始化时隐藏,然后在选项卡、模式对话框等中可见时,会出现此类问题

在大多数情况下,解决方案是调用 一旦表格可见,重新计算列宽

table.columns.adjust();
当我在表初始化后运行上面的代码时,问题就消失了

我无法解释为什么您的表会出现此问题。我不熟悉基础框架,但是在初始化表时,我不认为你必须调用<代码>基础()/代码>。
有关更多信息、示例和详细信息,请参阅

我看到您正在加载Datatables FixedHeader代码。我不知道您是如何使用它的,也不知道您是否正在使用它,但它与scrollX和scrollY不兼容:


尝试删除FixHeader或滚动选项。

非常感谢您的回复。我把你的代码如下,但没有发生任何事情…什么是正确的位置,我应该粘贴代码行请?table.buttons().container().appendTo(“#示例_wrapper.small-6.列:eq(0)”);table.columns.adjust().draw();})。基础();我把你的代码放在一个小提琴里,在那里我更新了JS代码:当你有机会的时候,如果你能告诉我在哪里放置你的代码,我真的很感激。根据我们在datatables论坛上的Conva…许多tx为你的帮助Kevin!