页面底部的数据表固定标题（在第一页加载时）答案

【问题标题】：DataTable Fixed Header at page bottom (on first page load)页面底部的数据表固定标题（在第一页加载时）
【发布时间】：2018-08-01 15:12:45
【问题描述】：

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

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

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

我不知道为什么，但是第一次加载页面时，fixedHeader 没有跟随屏幕顶部 - 而是位于表格下方页面的最底部。当我单击刷新时 - 标题工作正常。

有什么想法吗？提前致谢。

【问题讨论】：

【解决方案1】：

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

table.DataTable({

  // ...

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

});

【讨论】：