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

};

source：ServerDataSource;

构造函数（私有http：Http，globals：Globals）{

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

}

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

Answer 1

据我所知，Pager是自动设置的。如果你寻找＆＃34; pager.display＆＃34;和＆＃34; pager.perPage＆＃34;在文档中，您将获得默认值。

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

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

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

或者您可以使用DataSource设置它：

this.source.setPaging(2,20);

Answer 2

我使用这种方式，并且有效

this.YourlocalDataSource.setPaging（1，10，true）;

每页10行

ng2智能表中动态数据（API）的分页

2 个答案: