目前项目需要用到Tabulator插件,数据从远程中获取,每次获取10条,比如我的数据有10000条(未请求前这个是不知道的),如何通过请求确定分页的页数,还有点击分页页码时如何请求当前点击页码的数据?
let options = {
ajaxURL: "/api/vc/product",
ajaxConfig: {
method:"GET", // 请求方式
},
ajaxParams:{ //请求参数
with: 1,
paged: 1,
'query[status]': 'publish',
lang: 'zh',
},
ajaxResponse: function(url, params, response){ // 请求结果回调
return response;
},
pagination: 'remote',
paginationSize: 10,
paginationCounter:function(pageSize, currentRow, currentPage, totalRows, totalPages){
return "共 " + totalRows + " 条数据 "; //表尾数据总数
},
columns: [ // 表头列参数
{
title: "ID", // 列名称
field: "id", // 列对应数据字段
},
{
title: "产品",
field: "title",
},
{
title: "SKU",
field: "sku",
},
{
title: "价格",
field: "price",
},
{
title:"分类",
field:"terms",
},
{
title: "创建日期",
field: "created",
},
],
}
}
let S = new Tabulator("#datatable-table", options);
生成的表格如下:
这里只获取到了10条数据,而且没有更多的分页按钮,无法查看更多的数据,想要实现如下效果: