Layui table 多表头造成多余列数据

tabler.render时,在cols中添加多个数组,colspan=1(默认),造成多余列数据显示,下图:
在这里插入图片描述
设置 colGroup: true

	table.render({
        elem: '#test'
        , cols: [[ //标题栏
            { title: '长度', width: 80, colGroup: true }
            , { title: '数量', width: 80, colGroup: true }
            , { title: '时间', width: 80, colGroup: true }
            , { title: '电流', width: 80, colGroup: true }

        ], [ //标题栏
            { title: 'm', width: 80, colGroup: true }
            , { title: '个', width: 80, colGroup: true }
            , { title: 's', width: 80, colGroup: true }
            , { title: 'mA', width: 80, colGroup: true }

        ], [ //标题栏
            { field: 'field1', title: 'm', width: 80 }
            , { field: 'field2', title: '个', width: 80 }
            , { field: 'field3', title: 's', width: 80 }
            , { field: 'field4', title: 'mA', width: 80 }

        ]]
        , data: [{
            "field1": "1"
            , "field2": "2"
            , "field3": "3"
            , "field4": "4"
        }]
    });
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值