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

Question

我创建了一个包含DataTable库的表（使用foundation-zurb 5.5.3），根据下面的图像，我在Chrome中看到了IE 11中最右边的列标题没有首次打开页面时与其他行对齐。实际网页为http://iprobesolutions.com/learn/wireless-conference-system-comparison。但是，如果我打开devtools尝试检查代码，问题就会消失！当我用CTRL + F5刷新时，它会重新出现。

当我创建这个小提琴时，问题不会出现：http://jsfiddle.net/setbon/x75o53ck/

以下只是粘贴代码的一小部分。如果您能查看网页，我真的很感激，因为这是显示问题的地方......也许是IE和Chrome中的错误？

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

Answer 1

通常在初始化时隐藏表格然后在选项卡，模态对话框等中显示时会出现这些类型的问题。

在大多数情况下，解决方案是打电话 columns.adjust()一旦表变为可见，就会重新计算列宽。

table.columns.adjust();

在我的表初始化后运行上面的代码时，问题就会消失。

我无法解释为什么您的表出现此问题。我不熟悉Foundation框架，但我认为在初始化表时不必调用foundation()。

有关更多信息，示例和详细信息，请参阅jQuery DataTables: Column width issues with Bootstrap tabs。