狠狠色丁香婷婷综合尤物/久久精品综合一区二区三区/中国有色金属学报/国产日韩欧美在线观看 - 国产一区二区三区四区五区tv

LOGO OA教程 ERP教程 模切知識交流 PMS教程 CRM教程 開發文檔 其他文檔  
 
網站管理員

js實現表格動態合并

admin
2023年11月26日 21:54 本文熱度 637

// table的id  需要合并的列(從0開始算)

    mergeCell(tableId, cols) {

      const table = document.getElementById(tableId);

      if (!table)return

      const table_rows = table.rows;

      // 需要合并的列的數組

      cols.forEach((v, k) => {

        // 循環table每一行

        for (let i = 0; i < table_rows.length - 1; i++) {

          // row

          let now_row = table_rows[i];

          let next_row = table_rows[i + 1];

 

          // col

          let now_col = now_row.cells[v];

          let next_col = next_row.cells[v];

 

          if (now_col.innerHTML == next_col.innerHTML) {

            // 標記為需要刪除

            next_col.classList.add('remove');

            // 遞歸判斷當前對象時候已經被刪除

            this.setParentSpan(table, i, v);

          }

        }

      })

      let removeTds = document.getElementsByClassName('remove');

      for (let i = removeTds.length-1; i >= 0; i--) {

        let eldTd = removeTds[i];

        eldTd.parentNode.removeChild(eldTd);

      }

    }

   

    setParentSpan(table, row, col) {

      const col_item = table.rows[row].cells[col];

      if (col_item.classList.contains('remove')) {

        this.setParentSpan(table, --row, col)

      } else {

        col_item.rowSpan += 1;

      }

    }

// 使用,合并id為table1的第一列數據,相同的合并

mergeCell("table1", [0])

運行效果:


該文章在 2023/11/26 21:54:09 編輯過
關鍵字查詢
相關文章
正在查詢...
點晴ERP是一款針對中小制造業的專業生產管理軟件系統,系統成熟度和易用性得到了國內大量中小企業的青睞。
點晴PMS碼頭管理系統主要針對港口碼頭集裝箱與散貨日常運作、調度、堆場、車隊、財務費用、相關報表等業務管理,結合碼頭的業務特點,圍繞調度、堆場作業而開發的。集技術的先進性、管理的有效性于一體,是物流碼頭及其他港口類企業的高效ERP管理信息系統。
點晴WMS倉儲管理系統提供了貨物產品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質期管理,貨位管理,庫位管理,生產管理,WMS管理系統,標簽打印,條形碼,二維碼管理,批號管理軟件。
點晴免費OA是一款軟件和通用服務都免費,不限功能、不限時間、不限用戶的免費OA協同辦公管理系統。
Copyright 2010-2025 ClickSun All Rights Reserved