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,
},

};

来源： 服务器数据源;

constructor（private http： Http， globals： Globals） {

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

}

我通过上述方法填充了 NG2 智能表中的数据.. 但是分页没有出现在视图中......我错过了什么？如何使分页显示为使用服务器数据源？

Answer 1

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

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

如果要将寻呼机设置为其他值，可以在配置中执行此操作：

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

或者您可以使用数据源进行设置：

this.source.setPaging(2,20);

Answer 2

我使用这种方式并且可以工作

这。YourlocalDataSource.setPaging（1， 10， true）;

10 页行数