Uncaught TypeError: Cannot read property 'colspan' of undefined 的解决办法

最新推荐文章于 2024-08-28 15:07:44 发布

Grass_allan

最新推荐文章于 2024-08-28 15:07:44 发布

阅读量6.9k

点赞数 4

CC 4.0 BY-SA版权

分类专栏： Web开发

本文链接：https://blog.youkuaiyun.com/misterdongjing/article/details/90242420

Web开发专栏收录该内容

13 篇文章

订阅专栏

本文详细解析了在使用layui框架进行表格数据渲染时遇到的'colspan'ofundefined错误，并分享了一个常见但容易忽视的解决方案——多余的逗号导致的bug。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在使用layui刷新列表拿到数据后，展示的时候提示：

table.js:2 Uncaught TypeError: Cannot read property 'colspan' of undefined
    at table.js:2
    at o.each (layui.js:9)
    at Array.<anonymous> (table.js:2)
    at o.each (layui.js:9)
    at S.eachCols (table.js:2)
    at S.setArea (table.js:2)
    at S.render (table.js:2)
    at new S (table.js:2)
    at Object.d.render (table.js:2)
    at renderTable (deliveryMenManage.js:37)

检查布局和js没有发现id或class相关的问题，最后发现是因为多了个逗号！！！

function renderTable(data) {
        table.render({
            elem: '#addressTable'
            , page: false
            , title: '站点列表'
            , data: data
            , limit: pageSize
            , height: 'full-120'
            , cols: [[
                , {field: 'address', title: '姓名'}
                , {field: 'remark', title: '联系电话'}
                , {field: 'deliveryAddresses', title: '绑定楼宇', templet: "#templateAddress"}
                , {title: '操作', toolbar: '#bar_table_options'}
            ]]
        });
    }