Angel丶守护&雪之源 2023-08-09 10:52 采纳率: 22%
浏览 1
已结题

Tabulator5.5 报last_page为空怎么解决?

项目使用Tabulator5.5,在初始化表格时报错last_page为空怎么解决?代码如下:

let options = {
                locale: "default",
                height: 'auto',
                ajaxURL: this.$opts.dataParams.dataUrl,
                ajaxConfig: {
                    method:"GET",
                    headers:{
                        'X-API-Nonce': JSON.parse(window.localStorage.getItem('nonce')).data,
                        "Content-Type":'application/x-www-form-urlencoded'
                    }
                },
                ajaxParams:{
                    with: 1,
                    paged: 1,
                    lang: 'zh',
                },
                ajaxResponse: function(url, params, response){
                    let res = []
                    if(that.$opts.dataParams.modeVal === "form" && response){
                        let dataArr = []
                        response.forEach(item=>{
                            let obj = {}
                            item.form_data.forEach(element=>{
                                if(element.code === "form_checkbox" || element.code === "form_multiple"){
                                    obj[element['key']] = element.display
                                }else{
                                    obj[element['key']] = element.value
                                }
                            })
                            dataArr.push(obj)
                        })
                        tabledata = dataArr
                    }
                    res['last_page'] = Math.ceil(that.$opts.total / paginationSize)
                    res['last_row'] = that.$opts.total;
                    res['data'] = tabledata
                    console.log(res)
                    //返回处理的数据
                    return res
                },
                // last_page: Math.ceil(this.$opts.total / paginationSize),
                // last_row: this.$opts.total,
                layout: "fitColumns",
                pagination: true,
                paginationMode:"remote",
                paginationSizeSelector: [5, 10, 15, 20], 
                paginationSize: paginationSize,
                paginationCounter:function(pageSize, currentRow, currentPage, totalRows, totalPages){
                    return "共 " + totalRows +  " 条数据 "; 
                },
                langs: {
                    "default": {
                        "pagination": {
                            "first": "首页",
                            "first_title": "首页",
                            "last": "末页",
                            "last_title": "末页",
                            "prev": "上一页",
                            "prev_title": "上一页",
                            "next": "下一页>",
                            "next_title": "下一页>",
                            "all": "所有",
                            "page_size": "",
                        },
                    },
                },
                columns:columns,
            }  

this.S = new Tabulator("#datatable-table__"+this.$opts.id,options)

运行时报错:
Data Load Error: TypeError: Cannot read properties of null (reading 'last_page')
但在options已经声明了last_page了,即便将注释掉的解放出来使用也报同样的错误

  • 写回答

3条回答 默认 最新

  • 崽崽的谷雨 2023-08-09 11:13
    关注

    ajaxResponse 里 return res上面打印一下res看看 截个图发出来

    评论 编辑记录

报告相同问题?

问题事件

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

悬赏问题

  • ¥20 python爬虫遇到空文本取不出来
  • ¥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没有进入