layui 多表头列一对一显示问题

今天前端layui实现需求复杂表头一对一显示最终给数据的时候倒是无法对应

解决方法:

cols: [[
                {field: 'mineLeaderMan',title:'姓名' ,align: 'center',width: 100,rowspan:2,templet: '
{{d.mineLeaderMan}}
'}, {field: 'mineLeaderMan',title:'测试列' ,align: 'center',width: 183}, {field: 'mineLeaderMan',title:'测试列' ,align: 'center',width: 183}, {field: 'mineLeaderMan',title:'测试列' ,align: 'center',width: 183}, {field: 'mineLeaderMan',title:'测试列' ,align: 'center',width: 183}, {field: 'mineLeaderMan',title:'测试列' ,align: 'center',width: 183}, {field: 'mineLeaderMan',title:'测试列' ,align: 'center',width: 183}, {field: 'mineLeaderMan',title:'测试列' ,align: 'center',width: 183}, {field: 'mineLeaderMan',title:'测试列' ,align: 'center',width: 183}, {field: 'mineLeaderMan',title:'得分' ,align: 'center',width: 93,rowspan:2,templet: '
{{d.mineLeaderMan}}
'}, ],[ {colGroup:1,title:'测试列' ,align: 'center',width: 183}, {colGroup:1,title:'测试列' ,align: 'center',width: 183}, {colGroup:1,title:'测试列' ,align: 'center',width: 183}, {colGroup:1,title:'测试列' ,align: 'center',width: 183}, {colGroup:1,title:'测试列' ,align: 'center',width: 183}, {colGroup:1,title:'测试列' ,align: 'center',width: 183}, {colGroup:1,title:'测试列' ,align: 'center',width: 183}, {colGroup:1,title:'测试列' ,align: 'center',width: 183}, ]],

 只需要在二级菜单添加 colGroup:1 然后在一级菜单正常写field:''即可

实际测试完美解决问题 

你可能感兴趣的:(layui,前端,javascript)