easyUI 多表头设置

不多说,直接上代码

$('#tabgrid').datagrid({    
        nowrap : false,
        fit : true,  
        url: url,  
            frozenColumns: [[    
                                 { title: '街道预警', "field": 'ssjd', width: 80, sortable: true}
                             ]],   
            columns: [  
                      [{"title":"预警情况","colspan":6},
                       {"title":"数据更正情况","colspan":1},
                       {"title":"延期情况","colspan":1},
                       {"title":"申诉情况","colspan":1},
                       {"title":"整改督办情况","colspan":1},
                       {"title":"报区纪委情况","colspan":1},
                       {"field":"yjl","title":"预警率","rowspan":3},
                       {"field":"yjsortno","title":"预警率排名","rowspan":3}],
            [{"title":"预警数(次)","colspan":3},  
             {"field":"yjtotal","title":"预警总计","rowspan":2},  
             {"field":"yjred","title":"预警红灯数(次)","rowspan":2},
             {"field":"yjyellow","title":"预警黄灯数(次)","rowspan":2},
             {"field":"gznum","title":"数据更正数(次)","rowspan":2},
             {"field":"yqnum","title":"延期数(次)","rowspan":2},
             {"field":"ssnum","title":"申诉数(次)","rowspan":2},
             {"field":"zgdbnum","title":"整改督办数(次)","rowspan":2},
             {"field":"bsqjwnum","title":"报送区纪委数(次)","rowspan":2}],  
            [{"field":"wycz","title":"物业出租","rowspan":1},
             {"field":"jsgc","title":"建设工程","rowspan":1},  
             {"field":"qtzdsx","title":"其他重大事项","rowspan":1}]],
             singleSelect:true,
            rownumbers: true   
    });



效果如下


  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值