javascript - 如何使用服务器端处理和 Scroller 扩展刷新 DataTable

Question

我尝试使用这些方法:

1. 使用 api().draw(false) 函数，但它会重置滚动偏移。
2. 使用 api().ajax.reload(null, false)。它也会重置滚动偏移。
3. 使用 dataTable._fnDraw() 函数。这也不起作用。当您尝试稍微滚动并在 _fnDraw() 调用后滚动到上一个位置时，会出现错误。当您经常滚动时 - 它效果很好。

我的 TypeScript 代码:

var dataTableOptions = {
  serverSide: true,
  ordering: true,
  searching: true,
  columns: [
    { "data": "id" },
    { "data": "workflowId" },
    { "data": "discovery" },
    { "data": "title" },
    { "data": "createdBy" },
    { "data": "createDate" },
    { "data": "status" }
  ],
  ajax: (data, callback, settings) => {
    // server side service call
  },
  dom: 'rtiS',
  scrollY: 400,
  scroller: {
    rowHeight: 35,
    loadingIndicator: true
  },
  initComplete: function () {
    
    forceRefresh = _.throttle(() => {
      //this.api().ajax.reload(false);
      this._fnDraw();
    }, 1000);
  
    setInterval(() => {
      forceRefresh();
    }, 5000);
  }
}

Answer 1

我没有找到任何其他方法，可以在ajax调用之前获取滚动条的scrollTop，并在表刷新之后(api().ajax.reload)再次分配它。这对我有用。