easyui 复杂表头合并列

先上效果图:
在这里插入图片描述

$('#rteLogGrid').datagrid({
        url:'<%=basePath %>/orgRteLog/list',
        method:'POST',
        fitColumns:true,
        striped:true,
        columns: [
            [
                { title: '自提点编号', field: 'orgId', width: 90, align:'center',rowspan:2},
                { title: '自提点名称', field: 'orgName', width: 185, align:'left',rowspan:2},
                { title: "更新前", colspan: 4,},
                { title: "更新后", colspan: 4},
                { title: '更新人', field: 'editor', width: 110, align:'center',rowspan:2},
                { title: '更新时间', field: 'editTime', width: 140, align:'center',formatter:jsonTimeStamp,rowspan:2},
            ],
            [
                {"field":"serialNo","title":"路序",width: 80, align:'center',"rowspan":1},
                {"field":"rteNo","title":"线路名称",width: 125, align:'left',"rowspan":1},
                {"field":"driverName","title":"司机姓名",width: 90, align:'center',"rowspan":1},
                {"field":"driverPhone","title":"司机电话",width: 100, align:'center',"rowspan":1},
                {"field":"serialNo","title":"路序",width: 80, align:'center',"rowspan":1},
                {"field":"rteNo","title":"线路名称",width: 125, align:'left',"rowspan":1},
                {"field":"driverName","title":"司机姓名",width: 90, align:'center',"rowspan":1},
                {"field":"driverPhone","title":"司机电话",width: 100, align:'center',"rowspan":1}
            ]
        ]
    });

关键代码:columns里面有几个 [] 就有几行表头。。剩下的自己品吧~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值