表格单元格合并js

最新推荐文章于 2024-07-11 19:37:33 发布

~犇犇~

最新推荐文章于 2024-07-11 19:37:33 发布

阅读量418

点赞数

文章标签： javascript elementui html

本文链接：https://blog.csdn.net/qq_29124867/article/details/123276767

版权

JavaScript 数据表格单元格合并前端开发数据处理

关键词由CSDN通过智能技术生成

$(function(){
    var cells = ['oprator', 'dcbCode', 'carName', 'dcbCarnum', 'dcbDriverName', 'dcbDriverPhone'];
	mergeCells_New("zd_table", "dcbCode", cells);
})

 /**
 * @param table_id:datagrid的id
 * @param cellcomp:cellcomp列值相同，cellnames合并
 * @param cellnames:合并的列,var cells = ["要合并的字段1", "要合并的字段2"];
 */
			function mergeCells_New(table_id, cellcomp, cellnames) {
				var merges = [];
				var rows = $("#" + table_id).datagrid("getRows");
				for (var r = 0; r < rows.length; r++) {
					var row = rows[r];
					var mergeinfo = new Object();
					var nr = row[cellcomp];
					var rowspan = 1;
					for (var r1 = r + 1; r1 < rows.length; r1++) {
						var row1 = rows[r1];
						var nr1 = row1[cellcomp];

						if (nr1 && nr1 == nr && nr1 != "") {
							mergeinfo.index = r;
							rowspan++;
							mergeinfo.rowspan = rowspan;
						}
						else {
							if (rowspan > 1) {
								merges.push(mergeinfo);
								r = r1 - 1;
							}
							break;
						}
						if (r1 == rows.length - 1) {
							if (rowspan > 1) {
								merges.push(mergeinfo);
								r = r1 - 1;
							}
						}
					}
				}
				for (var i = 0; i < cellnames.length; i++) {
					var cellname = cellnames[i];
					for (var j = 0; j < merges.length; j++) {
						$('#' + table_id).datagrid('mergeCells', {
							index: merges[j].index,
							field: cellname,
							rowspan: merges[j].rowspan
						});
					}
				}
			}