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/