js在table最后一行插入数量合计
当前位置:点晴教程→知识管理交流
→『 技术文档交流 』
:js在table最后一行插入数量合计 function calculateAndInsertTotal(tableId, columnIndex) { var table = document.getElementById(tableId); var rows = table.getElementsByTagName("tr"); var total = 0; var existingRow ; var secondRowStyle; secondRowStyle = window.getComputedStyle(table.rows[0]); existingRow = table.rows[0]; // 跳过表头,从第一行(索引为1)开始计算 for (var i = 1; i < rows.length; i++) { var cells = rows[i].getElementsByTagName("td"); var value = parseFloat(cells[columnIndex].textContent); if (!isNaN(value)) { total = total-(-value); } }
// 创建合计行
var newRow = table.insertRow(-1); for (var k = 0; k < table.rows[0].cells.length; k++) { var newCell = newRow.insertCell(k); // 设置单元格的rowSpan和colSpan属性 newCell.rowSpan = existingRow.cells[k].rowSpan; newCell.colSpan = existingRow.cells[k].colSpan; for (var j = 0; j < secondRowStyle.length; j++) { var prop = secondRowStyle[j]; newRow.style[prop] = secondRowStyle.getPropertyValue(prop); } if(k==0){ newCell.textContent = "合计:"; } else if(k==columnIndex){ newCell.textContent =total; } else { newCell.textContent =""; } newCell.style.cssText = existingRow.cells[k].style.cssText; }
}
// 使用函数,假设table的id为"myTable",要合计的列索引为1 calculateAndInsertTotal("myTable", 6); 该文章在 2024/12/6 11:30:26 编辑过 |
关键字查询
相关文章
正在查询... |