layui-多重表头空行问题

表头代码:

[
     { rowspan: 2,field:'ORG_NAME', title: '分行/项目',align:'center'},
     { colspan: 2, title: '下浮',align:'center'},
     { colspan: 1, title: '基准',align:'center'},
     { colspan: 5, title: '上浮',align:'center'}
    ],

   [
    { field:'LOWER_ZERO',title:'[0,0.7)', sort: false,align:"right"},
    { field:'LOWER_ONE',title:'[0.7,1)', sort: false,align:"right"},
    { field:'DATUM',title:'1', sort: false,align:"right"},
    { field:'FLOAT_ONE',title:'(1,1.1]', sort: false,align:"right"},
    { field:'FLOAT_TWO',title:'(1.1,1.2]', sort: false,align:"right"},
    { field:'FLOAT_THREE',title:'(1.2,1.3]', sort: false,align:"right"},
    { field:'FLOAT_FIVE',title:'(1.3,1.5]', sort: false,align:"right"},
    { field:'FLOAT_BIGFIVE',title:'1.5以上', sort: false,align:"right"}
]

显示示例:

 

 

 修改后代码,主要区别一级表头绑定数据列,二级表头隐藏数据列:

[
     { rowspan: 2,field:'ORG_NAME', title: '分行/项目',align:'center'},
     { colspan: 2, title: '下浮',align:'center'},
     { colspan: 1, title: '基准',align:'center',field:'DATUM'},
     { colspan: 5, title: '上浮',align:'center'}
    ],

   [
    { field:'LOWER_ZERO',title:'[0,0.7)', sort: false,align:"right"},
    { field:'LOWER_ONE',title:'[0.7,1)', sort: false,align:"right"},
    { field:'DATUM',colGroup: true, title:'1', sort: false,align:"right"},
    { field:'FLOAT_ONE',title:'(1,1.1]', sort: false,align:"right"},
    { field:'FLOAT_TWO',title:'(1.1,1.2]', sort: false,align:"right"},
    { field:'FLOAT_THREE',title:'(1.2,1.3]', sort: false,align:"right"},
    { field:'FLOAT_FIVE',title:'(1.3,1.5]', sort: false,align:"right"},
    { field:'FLOAT_BIGFIVE',title:'1.5以上', sort: false,align:"right"}
]

正确示例:

 

 

 更好的解决办法,请访问https://fly.layui.com/jie/43993/

 

posted on 2020-11-20 15:17  yf_lan  阅读(350)  评论(0编辑  收藏  举报