layui 数据表格单元格合并

最新推荐文章于 2025-01-20 17:38:14 发布

camel_gold

最新推荐文章于 2025-01-20 17:38:14 发布

阅读量1.4k

点赞数 1

CC 4.0 BY-SA版权

文章标签： js

本文链接：https://blog.csdn.net/camel_gold/article/details/109449516

这篇博客记录了使用layui实现数据表格单元格合并的过程。作者提到之前曾处理过复杂的表中表合并，但未作记录，导致此次简单的需求仍需重新实现。作者分享了此次相对简单的合并代码，并表示如果未来遇到更复杂的合并情况会更新补充。同时，他欢迎大家留言交流和指正。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

很服气,现在是抽着干活的时间出来写的,为什么要写呢?其实layui单元格合并并不是什么难得东西,网上也能找到很多.之前做上一个项目得时候做了一个很复杂得表中表合并,当时忘了记录,现在我又用到了,唉,很烦,又花了一会的时间重新写合并.而且这次的需求没有上次那么变态,只是简单的加了一点内容.服了,如果以后再遇到那种合并中嵌套合并,修改完了再来补充.服就服在,之前写了一个很厉害的合并,花了我好几天时间没有记录,现在这种不是很通用,如果需求变更还需要再改.废话牢骚一大推该上代码了

table.render({
			elem : '#td'
			,url : '../largeScreenListAction/findList'
			//,toolbar : '#toolbar'
		    ,title: '机构表'
			,sort:true  
			,cols : [[ 
				{type : 'checkbox',width: '5%',align:'center'}
               ,{field: 'testBatch', title: '考试批次',align:'center',width: '8%'}
               ,{field: 'station', title: '工位',align:'center',width: '7%'}
               ,{field: 'welderName', title: '姓名',align:'center',width: '7%'}
               ,{field: 'steelSealNumber', title: '钢印号',align:'center',width: '6%'}
               ,{field: 'qualificationCode', title: '项目资格代号',align:'center',width: '21%'}
               ,{field: 'testCondition', title: '考试状态',align:'center',width: '8%',templet:function (d) {