使用jquery-datatables-rails在rails中实现数据表的无限滚动

Question

我正在尝试用described here实现数据表的无限滚动，但有一些问题

这就是我到目前为止所做的：

//JS
@.load_datatables = (container, options) ->
    container = "" if not container?
    datatable_options = {
      "destroy": true
      "serverSide": true
      "processing": true
      "lengthMenu": [40]
      "scroller": true
      "scrollY": "200",
      "scrollCollapse": true
      "dom": "<'row'<'col-xs-12 filter'f>r>t<'row'<'col-xs-12'p>>"
    }

$(this).dataTable(datatable_options).removeClass('hidden')

而且我的两个基本资产文件(脚本和CSS)都需要dataTables/extras/dataTables.scroller。

然而，我面临着以下问题：

其一:在我的.dataTables_scrollBody中呈现了一个全新的表

二:表没有在滚动中获取更多的数据(无限滚动没有响应)

三:我有时会收到一个错误：Uncaught TypeError: Cannot read property 'style' of undefined。

我的html(或erb)如下：

  <div class="row">
    <div class="col-md-12">
      <table id="loans" class="datatable hidden click-through styled" data-search-label="Loans search" data-source="<%= data_path(:format => 'json') %>" >
        <thead>
          <tr>
            <th>#</th>
            <th>#</th>
            <th>#</th>
            ...
          </tr>
        </thead>
        <tbody>
        </tbody>
      </table>
    </div>
  </div>

我能做错什么呢？我的模板设置好了吗？

这里的任何帮助都是非常感谢的！

Answer 1

到目前为止(2019)，数据表无限滚动的解决方案是使用Scroller插件。文档非常明确，您真正需要添加的内容是

scroller: true,
paging: true