首页 > IT职业 > IT生活 > ng-table后台分页
HTML:
|
|
{{row.supplierName}} | {{row.sku}} | {{row.description}} | {{row.size}} | {{row.brand}} | {{row.priceCost}} | {{row.usableQty}} | {{row.qty}} | {{row.created | date:'yyyy-MM-dd'}} | {{row.lastOrderTime| date:'yyyy-MM-dd'}} |
|
|
JS:
this.tableParams = new NgTableParams({
count: this.pageSize
}, {
counts: [],
paginationMaxBlocks: 6,
paginationMinBlocks: 2,
getData: (params) => {
let object = {
pageSize: params.count(),
pageNo: params.page(),
filterMap: searchInfo
};
return productDataService.getCreateList(object).then(res => {
this.items = res.data.elements;
this.allTotal = res.data.total;
params.total(res.data.total);
return this.items;
});
}
});
如果需要后台分页:
getData: (params) => {
let object = {
pageSize: params.count(),
pageNo: params.page(),
filterMap: searchInfo
};
return productDataService.getCreateList(object).then(res => {
this.items = res.data.elements;
this.allTotal = res.data.total;
params.total(res.data.total);
return this.items;
});
}
如果想直接前端分页可以参照官网的dataset:
getData ==> dataset
dataset:[{key:value},{key:value},{key:value}……] 来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/2826/viewspace-2802692/ ,如需转载,请注明出处,否则将追究法律责任。