layui table 表头和数据错行

最新推荐文章于 2024-05-30 11:05:59 发布

b--d

最新推荐文章于 2024-05-30 11:05:59 发布

阅读量621

点赞数 1

本文链接：https://blog.csdn.net/qq_32864189/article/details/119084524

版权

用layui做一个复杂表头，表头做好后传入数据发现错行了。看了网上的一些，实验也不行，

看网上好像是 rowspan: 1 的问题，然后又看excel表，发现第一行完全可以只占一行，

                    { field: '', title: '人员基本信息' ,colspan: 15},
					{ field: '', title: '人员活动轨迹' ,colspan: 5},
					{ field: '', title: '采取防疫措施' ,colspan: 10},
					{ field: '', title: '人员发现途径' ,colspan: 2},
					{ field: '', title: '无法核查原因' ,colspan: 4},
					{ field: '', title: '未核查' ,rowspan: 3,width:80},
					{ field: 'remark', title: '备注' ,rowspan: 3,width:80},

完整代码

cols: [[
                                                                                               
                    { field: '', title: '人员基本信息' ,colspan: 15},
					{ field: '', title: '人员活动轨迹' ,colspan: 5},
					{ field: '', title: '采取防疫措施' ,colspan: 10},
					{ field: '', title: '人员发现途径' ,colspan: 2},
					{ field: '', title: '无法核查原因' ,colspan: 4},
					{ field: '', title: '未核查' ,rowspan: 3,width:80},
					{ field: 'remark', title: '备注' ,rowspan: 3,width:80},
                ],
				
				[
					{ checkbox: true ,rowspan: 2},
					{ field: 'name', title: '姓名',rowspan: 2,width:80},
					{ field: 'sex', title: '性别',rowspan: 2,width:80},
					{ field: 'idCard', title: '身份证号',rowspan: 2,width:200},
					{ field: 'mobile', title: '联系电话',rowspan: 2,width:120},
					{ field: 'entryDate', title: '入境时间',rowspan: 2,width:120},
					{ field: 'entryModeVal', title: '入境交通方式',rowspan: 2,width:120},
					{ field: 'zxjzd', title: '在锡居住地',rowspan: 2,width:120},
					{ field: 'comeDate', title: '抵锡时间',rowspan: 2,width:120},
					{ field: '', title: '来锡事由',rowspan: 2,width:120},
					{ field: '', title: '入锡方式', colspan: 5},
					
					{ field: '', title: '海外国家',rowspan: 2,width:120},
					{ field: '', title: '中国香港',rowspan: 2,width:120},
					{ field: '', title: '中国澳门',rowspan: 2,width:120},
					{ field: '', title: '中国台湾',rowspan: 2,width:120},
					{ field: '', title: '仍在境外',rowspan: 2,width:120},
					
					{ field: '', title: '入境健康管理' , colspan: 5},
					{ field: '', title: '核酸检测' , colspan: 2},
					{ field: '', title: '健康码码色' , colspan: 3},
									
					
					//数据来源（人员发现途径）
					{ field: 'dataSource', title: '数据下发',rowspan: 2,width:120},
					{ field: 'dataSource', title: '自行排摸（含接驳转运）',rowspan: 2,width:200},
					
					{ field: 'unCheckReasonVal', title: '无法联系',rowspan: 2,width:120},
					{ field: 'unCheckReasonVal', title: '地址错误',rowspan: 2,width:120},
					{ field: 'unCheckReasonVal', title: '不在我市',rowspan: 2,width:120},
					{ field: 'unCheckReasonVal', title: '其他',rowspan: 2,width:120},
				],[
					//入锡方式
					{ field: '', title: '上海“3+11”',width:130},
					{ field: '', title: '硕放定期航班',width:150},
					{ field: '', title: '外市入境隔离',width:150},
					{ field: '', title: '我市快捷通道',width:150},
					{ field: 'entryModeVal', title: '其他',width:120},
					
					{ field: '', title: '外地隔离',rowspan: 2,width:120},
					{ field: '', title: '本地集中隔离',rowspan: 2,width:120},
					{ field: '', title: '本地居家隔离',rowspan: 2,width:120},
					{ field: '', title: '已完成（28天）健康管理',rowspan: 2,width:300},
					{ field: '', title: '其他（不在锡等）',rowspan: 2,width:180},
					{ field: '', title: '已完成全部检测',rowspan: 2,width:180},
					{ field: '', title: '进行中',rowspan: 2,width:120},
					
					{ field: 'healthCodeColorVal', title: '红',rowspan: 2},
					{ field: 'healthCodeColorVal', title: '黄',rowspan: 2},
					{ field: 'healthCodeColorVal', title: '绿',rowspan: 2},
				]]

可以，