页面底部的DataTable固定标题（在第一页加载时）

Question

我有DataTable FixedHeader选项，我的$(document).ready函数中填充了以下初始化。已尝试查找jquery并在40处进行硬编码的headerOffset值，结果相同。

    "fixedHeader": {
        // "headerOffset": $("#top-navbar").outerHeight()
        "headerOffset": 40
    },

DataTable是从ajax调用填充的，并且在render:的一半上有一系列我自己的columnDefs函数，但我不认为这是相关的。

我不确定原因，但第一次加载页面时，fixedHeader不会跟随屏幕顶部 - 而是位于桌子下方页面的最底部。当我点击刷新 - 标题工作正常。

有什么想法？ 提前谢谢。

Answer 1

我遇到了同样的问题，并且在没有令人满意的解决方案的情况下，我目前的解决方法是触发窗口调整大小事件，该事件将使Datatable进行渲染重新计算：

table.DataTable({

  // ...

  drawCallback: function() {
    $(window).resize();
  }

});