&

js獲取table指定列的內容如果這列每行內容相同時進行某一列的數量合并

當前位置：點晴教程→知識管理交流 →『技術文檔交流』

liguoquan

2025年7月31日 11:15 本文熱度 626

：js獲取table指定列的內容如果這列每行內容相同時進行某一列的數量合并

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<thead>

<tr>

</tr>

</thead>

<tbody>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</tbody>

</table>

</body>

function mergeQuantityByColumn(tableId, keyColumnIndex, quantityColumnIndex) {

const table = document.getElementById(tableId);

const tbody = table.tBodies[0];

const rows = Array.from(tbody.rows);

// 用一個Map來存儲每個key列的值對應的總數量和第一個對應行索引

const map = new Map();

for (let i = 0; i < rows.length; i++) {

const key = rows[i].cells[keyColumnIndex].innerText.trim();

const quantity = parseFloat(rows[i].cells[quantityColumnIndex].innerText.trim()) || 0;

if (map.has(key)) {

// 累加數量

const entry = map.get(key);

entry.totalQuantity += quantity;

entry.rows.push(rows[i]);

} else {

map.set(key, { totalQuantity: quantity, rows: [rows[i]] });

}

// 遍歷Map，更新第一個對應行的數量列，隱藏其他行

for (const [key, entry] of map.entries()) {

const firstRow = entry.rows[0];

firstRow.cells[quantityColumnIndex].innerText = entry.totalQuantity;

// 如果有多余的重復行，隱藏它們

for (let i = 1; i < entry.rows.length; i++) {

entry.rows[i].style.display = "none";

}

//mergeQuantityByColumn("myTable", 0, 2);

</script>

</html>

該文章在 2025/7/31 11:15:16 編輯過

點晴ERP是一款針對中小制造業的專業生產管理軟件系統,系統成熟度和易用性得到了國內大量中小企業的青睞。

點晴PMS碼頭管理系統主要針對港口碼頭集裝箱與散貨日常運作、調度、堆場、車隊、財務費用、相關報表等業務管理，結合碼頭的業務特點，圍繞調度、堆場作業而開發的。集技術的先進性、管理的有效性于一體，是物流碼頭及其他港口類企業的高效ERP管理信息系統。

點晴WMS倉儲管理系統提供了貨物產品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質期管理,貨位管理,庫位管理,生產管理,WMS管理系統,標簽打印,條形碼,二維碼管理,批號管理軟件。

點晴免費OA是一款軟件和通用服務都免費，不限功能、不限時間、不限用戶的免費OA協同辦公管理系統。