angular - ng2 智能表中动态数据 (API) 的分页

Question

   columns: {
      Name: {
    title: 'Name',
         filter: false,
  },
  Description: {
    title: 'Description',
         filter: false,


  },
},
add: {
  addButtonContent: '<i class="nb-plus"></i>',
  createButtonContent: '<i class="nb-checkmark"></i>',
  cancelButtonContent: '<i class="nb-close"></i>',
},
edit: {
  editButtonContent: '<i class="nb-edit"></i>',
  saveButtonContent: '<i class="nb-checkmark"></i>',
  cancelButtonContent: '<i class="nb-close"></i>',
},
delete: {
  deleteButtonContent: '<i class="nb-trash"></i>',
  confirmDelete: true,
},

};

来源：服务器数据源；

构造函数（私有 http：Http，全局变量：全局变量）{

this.source = new ServerDataSource(http, { endPoint: GlobalVariable.BASE_API_URL+'/api/InspectionService/GetInspectionStatus' });

}

我通过上述方法填充了 ng2 智能表中的数据..但是视图上没有出现分页...我错过了什么？如何使用 serverdatasource 使分页出现？

Answer 1

据我所知，寻呼机是自动设置的。如果您在文档中查找“pager.display”和“pager.perPage”，您将设置默认值。

根据我的经验，如果数据或配置存在问题，寻呼机将无法工作/显示。您确定您的数据和配置正确且没有错误吗？

如果要将寻呼机设置为不同的值，可以在配置中进行：

this.settings = {
            columns: {
              ...
            },
            ...
            pager:
            {
              perPage: 20
            }
          };

或者您可以使用 DataSource 进行设置：

this.source.setPaging(2,20);

Answer 2

我用这种方式，它的工作原理

this.YourlocalDataSource.setPaging(1, 10, true);

10页的行数