LOGO OA教程 ERP教程 模切知识交流 PMS教程 CRM教程 开发文档 其他文档  
 
网站管理员

js指定table某列的内容相同时进行合并

liguoquan
2024年11月15日 9:1 本文热度 32
:js指定table某列的内容相同时进行合并

示例代码

如下:

function mergeTableCells(tableId, mergeColumns) {  

    var table = document.getElementById(tableId);  

    var rows = table.rows;  

    var mergeCounts = {}; // 用于跟踪合并的数量  

    for (var i = 1; i < rows.length; i++) { // 从1开始跳过表头  

        var currentRow = rows[i];  

        // 生成合并键  

        var key = mergeColumns.map(colIndex => currentRow.cells[colIndex].innerText).join('|');  

        if (mergeCounts[key]) {  

            // 如果之前已经存在相同的键  

            mergeCounts[key].count++;  

            mergeCounts[key].rowspan++;  

            currentRow.style.display = 'none'; // 隐藏当前行  


        } else {  

            // 如果是新的键  

            mergeCounts[key] = {  

                count: 1,  

                rowspan: 1,  

                row: currentRow  

            };  

        }  

    }  

    // 更新表格以合并单元格  

    for (var key in mergeCounts) {  

        var entry = mergeCounts[key];  

        if (entry.rowspan > 1) {  

            var firstCell = entry.row.cells[mergeColumns[8]]; // 目标列  

            firstCell.innerText += ' ' + entry.count + ' 倍用量'; // 添加合并信息  

        }  

    }  

}  

mergeTableCells('middleTable', [1, 2,3,6,7,8,9,10,11]);



该文章在 2024/11/15 9:01:44 编辑过
关键字查询
相关文章
正在查询...
点晴ERP是一款针对中小制造业的专业生产管理软件系统,系统成熟度和易用性得到了国内大量中小企业的青睐。
点晴PMS码头管理系统主要针对港口码头集装箱与散货日常运作、调度、堆场、车队、财务费用、相关报表等业务管理,结合码头的业务特点,围绕调度、堆场作业而开发的。集技术的先进性、管理的有效性于一体,是物流码头及其他港口类企业的高效ERP管理信息系统。
点晴WMS仓储管理系统提供了货物产品管理,销售管理,采购管理,仓储管理,仓库管理,保质期管理,货位管理,库位管理,生产管理,WMS管理系统,标签打印,条形码,二维码管理,批号管理软件。
点晴免费OA是一款软件和通用服务都免费,不限功能、不限时间、不限用户的免费OA协同办公管理系统。
Copyright 2010-2024 ClickSun All Rights Reserved