Angel丶守护&雪之源 2023-08-04 11:42 采纳率: 22%
浏览 7
已结题

Tabulator插件远程分页,怎么获取数据总数,还有分页

目前项目需要用到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);

生成的表格如下:

img

这里只获取到了10条数据,而且没有更多的分页按钮,无法查看更多的数据,想要实现如下效果:

img

  • 写回答

2条回答 默认 最新

  • 一起看海呦 2023-08-04 11:49
    关注

    数据从远程中获取 没有给你返回一些分页的信息吗

    评论

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 8月9日
  • 修改了问题 8月4日
  • 创建了问题 8月4日

悬赏问题

  • ¥15 x264库中预测模式字IPM、运动向量差MVD、量化后的DCT系数的位置
  • ¥15 curl 命令调用正常,程序调用报 java.net.ConnectException: connection refused
  • ¥20 关于web前端如何播放二次加密m3u8视频的问题
  • ¥15 使用百度地图api 位置函数报错?
  • ¥15 metamask如何添加TRON自定义网络
  • ¥66 关于川崎机器人调速问题
  • ¥15 winFrom界面无法打开
  • ¥30 crossover21 ARM64版本安装软件问题
  • ¥15 mymetaobjecthandler没有进入
  • ¥15 mmo能不能做客户端怪物