ng2-smart-table 的分页问题

Question

我在 Angular 2 应用程序中使用 ng2-smart-table，但其中的分页存在问题。我正在加载一个数据对象数组，它正确显示了前五个（我总共有 20 个），但是表格底部的分页显示 > 箭头之间没有数字，如果我点击右箭头它向我展示了接下来的 15 个。表的设置是：

private tableSettings = {
    columns: {
        id: {
          title: 'ID',
          filter: false
        },
        name: {
          title: 'Name',
          filter: false
        },
    },
    hideSubHeader: true,
    attr: {
        class: 'id-field'
    },
    actions:{
        edit: false
    },
    delete:{
        confirmDelete: true
    },
    pager : {
        display : true,
        perPage:5
    }
}

任何想法为什么它显示 > 而不是 > ？ 谢谢！

Answer 1

您没有提到您使用的是服务器数据源还是本地数据。假设您使用的是服务器数据源，我猜您没有通过

X-Total-Count: 20

在您的响应标头中，以便客户端知道您总共有多少条记录。

希望对你有帮助。

Answer 2

我遇到过类似的问题，分页根本没有显示。 @Babak 几乎是对的，您需要将 X-Total-Count 添加到您的响应标头中，其中包含总行数，但您还需要通过添加 access-control-expose-headers:X-Total-Count 来公开该标头标题。

例如对于 C# WebApi：

var response = new HttpResponseMessage();
response.Headers.Add("access-control-expose-headers", "X-Total-Count");
response.Headers.Add("X-Total-Count", "100");

希望这对某人有所帮助。

Answer 3

您应该将配置对象中的 totalKey 传递给源，如下所示：

this.source = new ServerDataSource(_http, 
{
dataKey: 'data.data',
endPoint: 'https://myapi/endpoint',
pagerPageKey: 'page', // this should be page number param name in endpoint (request not response) for example 'page'
pagerLimitKey: 'pageSize', // this should page size param name in endpoint (request not response)
totalKey: 'data.meta.total', // this is total records count in response, this will handle pager
});