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

JS对table多个列进行合计并在最后一行显示多个列合计数

liguoquan
2025年8月1日 10:1 本文热度 78
:JS对table多个列进行合计并在最后一行显示多个列合计数


function sumColumns(tableId, colIndices) {

const table = document.getElementById(tableId);

const sums = new Array(colIndices.length).fill(0);


// 遍历除表头外的所有行,累加各指定列的值

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

  colIndices.forEach((colIndex, idx) => {

    const cell = table.rows[i].cells[colIndex];

    if(cell) {

      const value = parseFloat(cell.textContent) || 0;

      sums[idx] += value;

    }

  });

}


// 创建合计行并插入(如果最后一行已经是合计行则先删除)

const lastRow = table.rows[table.rows.length - 1];

if (lastRow && lastRow.getAttribute('data-summary-row') === 'true') {

  table.deleteRow(table.rows.length - 1);

}

const newRow = table.insertRow(-1);

newRow.setAttribute('data-summary-row', 'true');


const cellCount = table.rows[0].cells.length;

for(let i = 0; i < cellCount; i++) {

  const newCell = newRow.insertCell(i);

  newCell.style.textAlign = 'center';

  newCell.style.backgroundColor = '#FFFFAA';

  newCell.style.border = '1px solid #000000';


  if(i === 1) {

    newCell.textContent = '合计';

    newCell.style.fontWeight = 'bold';

  } else {

    const sumIndex = colIndices.indexOf(i);

    if(sumIndex !== -1) {

      newCell.textContent = sums[sumIndex];

      newCell.style.fontWeight = 'bold';

    } else {

      newCell.textContent = '';

    }

  }

}

}


function getColumnIndexByChar(tableId, char) {

const table = document.getElementById(tableId);

if (!table) return -1;

const firstRow = table.rows[0];

if (!firstRow) return -1;

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

  if (firstRow.cells[i].textContent.includes(char)) {

    return i; // 返回包含该字符的列索引

  }

}

return -1; // 未找到包含该字符的列

}


// 使用示例

const index1 = getColumnIndexByChar('result_table', '件数');

const index2 = getColumnIndexByChar('result_table', '吨数');

console.log(index1);

console.log(index2);

var colindexarry=[];

colindexarry.push(index1);

colindexarry.push(index2);

sumColumns('result_table', colindexarry);

sumColumns('result_table', [2, 3, 5]);



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