js指定table某列的内容相同时进行合并
当前位置:点晴教程→知识管理交流
→『 技术文档交流 』
: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 编辑过 |
关键字查询
相关文章
正在查询... |