Javascript 页面底部的DataTable固定标题(第一页加载时)

Javascript 页面底部的DataTable固定标题(第一页加载时),javascript,jquery,datatables,fixed-header-tables,Javascript,Jquery,Datatables,Fixed Header Tables,我有一个with选项,在我的$(document).ready函数中填充了以下初始化。已尝试使用jquery查找并硬编码为40的headerOffset值,结果相同 "fixedHeader": { // "headerOffset": $("#top-navbar").outerHeight() "headerOffset": 40 }, DataTable是通过a

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

    "fixedHeader": {
        // "headerOffset": $("#top-navbar").outerHeight()
        "headerOffset": 40
    },
DataTable是通过ajax调用填充的,在
columnDefs
的一半上有一系列我自己的
render:
函数,但我认为这与此无关

我不知道为什么,但是第一次加载页面时,fixedHeader并没有跟随屏幕的顶部,而是位于页面的最底部,在桌子下面。当我单击“刷新”时,标题工作正常

有什么想法吗?
提前感谢。

我遇到了同样的问题,在没有令人满意的解决方案的情况下,我当前的解决方法是触发一个窗口大小调整事件,该事件将使
数据表
进行渲染重新计算:

table.DataTable({

  // ...

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

});