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 編輯過 |
關鍵字查詢
相關文章
正在查詢... |