添加无限滚动并从数据表中删除分页

时间:2019-02-18 06:28:50

标签: datatable datatables

我对数据表不是很熟悉,该代码也是由另一个团队编写的。在我正在使用的数据表中,有分页和一些类似的选项,这些选项在我的Web应用程序中是这样的。

Datatable

数据表选项

options = {
    sDom: 'rt<"bottom"p>',
    ajax: (data, callback, settings) => {
      this.http.get(this.REST_ROOT + '/posts')
        .map((data: any)=>(data.data || data))
        .catch(this.handleError)
        .subscribe((data) => {
          console.log('data from rest endpoint', data);
          callback({
            aaData: data.slice(0, 100)
          })
        })
    },
    columns: [
      { data: "userId" },
      { data: "id" },
      { data: "title" },
      { data: "body" },
    ],
    "pageLength":15
  };

此数据表在窗口小部件内使用,因此无需理会。 您可以看到此数据表中使用了分页,还使用了pageLength属性。我想从中删除分页,并想添加无限滚动。我按照此示例实现了无限滚动。

Datatable Infinite Scroll

我尝试在pageLength属性之后添加以下属性,但是它对我不起作用。

"bScrollInfinite": true,
"bScrollCollapse": true,
"sScrollY": "200px"

我真正想要的是,我希望控件具有相同高度且具有无限滚动且没有分页功能。

0 个答案:

没有答案