：點晴ERP-生產(chǎn)工單分頁拆行js按鈕功能

 function splitTable(tableId) {  

   const table = document.getElementById(tableId); // 獲取原始 table 元素

   const toptable=document.getElementById('headbody');

   const bottmtable=document.getElementById('bottombody');

   if (!table) {  

     console.error("Table with id '" + tableId + "' not found.");  

     return;  

   }  

   const rows = table.rows; // 獲取所有行  

   const rowCount = rows.length;  

   if (rowCount <= 1) {  

     console.warn("Table has less than 2 rows, no splitting needed.");  

     return; // 如果只有表頭或者沒有數(shù)據(jù)，則無需拆分  

   }  

   const headerRow = rows[0]; // 保存表頭行  

   const rowsPerTable = 7; // 每個新 table 的行數(shù)  

   let tableCounter = 1; // 新table計數(shù)器，用于標識新table的序號  

   for (let i = 1; i < rowCount; i += rowsPerTable) { // 從第二行開始，步長為 rowsPerTable  

     const newTable = document.createElement("table"); // 創(chuàng)建新的 table 元素  

     // 復(fù)制原table的 class 和 style  

     newTable.className = table.className;  

     newTable.style.cssText = table.style.cssText;  

     //復(fù)制原table的屬性  

     for (let j = 0; j < table.attributes.length; j++) {  

       const attr = table.attributes[j];  

       newTable.setAttribute(attr.name, attr.value);  

     }  

     // 復(fù)制表頭  

     const newHeaderRow = headerRow.cloneNode(true); // 深拷貝表頭行  

     newTable.appendChild(newHeaderRow); // 添加到新 table  

     // 復(fù)制數(shù)據(jù)行  

     for (let j = i; j < Math.min(i + rowsPerTable, rowCount); j++) {  

       const newRow = rows[j].cloneNode(true); // 深拷貝數(shù)據(jù)行  

       newTable.appendChild(newRow); // 添加到新 table  

     }  

     // 將新 table 插入到原始 table 之后  

     //table.parentNode.insertBefore(newTable, table.nextSibling);  

// document.getElementById('print_body1').appendChild(toptable)

document.getElementById('print_body1').appendChild(newTable);

// document.getElementById('print_body1').appendChild(bottmtable);

     //可選：添加一個序號或標識，方便區(qū)分  

     newTable.id = tableId + "_split_" + tableCounter;  

     tableCounter++;  

   }  

   document.getElementById("indexTable").remove();

   const div = document.createElement("div");

   div.style.pageBreakAfter = "always";

   div.style.height = "10px;"

   for (let i = 1; i <tableCounter; i++) {

const indexTable_split_i=document.getElementById('indexTable_split_'+i)

    const headClone = document.getElementById('headbody').cloneNode(true);  

    const bottomClone = document.getElementById('bottombody').cloneNode(true);

bottomClone.id="bottomClone_"+i;

headClone.id="headClone"+i

const divClone=div.cloneNode(true);

    indexTable_split_i.parentNode.insertBefore(headClone, indexTable_split_i);   

indexTable_split_i.parentNode.insertBefore(bottomClone, indexTable_split_i.nextSibling); 

bottomClone.parentNode.insertBefore(divClone, bottomClone.nextSibling); 

   }  

   bottmtable.style.display="none";

   toptable.style.display="none";

}  

  splitTable("indexTable");