Google Appscript copy and paste google docs content without space in the header space

Question

I have followed this script How to copy content and formatting between Google Docs? to copy the content from one google doc and paste it to another, which works great, however everytime the content is pasted, there is a space on top of the pasted content, see below. How can the content be pasted properly?

Source file: https://docs.google.com/document/d/1xVpJM4hSN3fosFXR16JbZ1_7r0_PxV92T-G24X5LQRo/edit
Target file: https://docs.google.com/document/d/1g9oon4e0FDBF2fbexVCR-uxKko3B6-Hpj850kiH3qXo/edit

Basically the table from the source file will get copied and pasted to the target file for multiple times, and the tables should sit side by side on the target file without space on top which breaks the format.

appscript is inbedded in the source file

function copyDoc() {
  var sourceDoc = DocumentApp.getActiveDocument().getBody();
//  var targetDoc = DocumentApp.create('CopyOf'+DocumentApp.getActiveDocument().getName());
  var targetDoc = DocumentApp.openById('1g9oon4e0FDBF2fbexVCR-uxKko3B6-Hpj850kiH3qXo');
  var totalElements = sourceDoc.getNumChildren();

  for( var j = 0; j < totalElements; ++j ) {
    var body = targetDoc.getBody()
    var element = sourceDoc.getChild(j).copy();
    var type = element.getType();
    if( type == DocumentApp.ElementType.PARAGRAPH ){
      body.appendParagraph(element);
    }
    else if( type == DocumentApp.ElementType.TABLE){
      body.appendTable(element);
      }
    else if( type == DocumentApp.ElementType.LIST_ITEM){
      body.appendListItem(element);
      }
//    ...add other conditions (headers, footers...
    }
  targetDoc.saveAndClose();
}

Edit1: Based on TheWizEd's answer, here's how it looks like, format looks very off.

Answer 1

Why not copy the table cell into a new cell to the right. Try this.

First I copy the Source or template to a new file. Then I find the table and loop through each row duplicating the cell from column 1 to new column 2. If you wanted to add another row you could duplicate the first row as many times as you want to the new table.

However I notice you are using replacable text. You will have to have a different script to replace the text in column 1 vs. column 2.

I've updated my script to do multiple tables. You don't say how you do multiples. I've just hard coded a variable numCopies. But you should be able to figure out on your own how to do it.

function copyDoc() {
  try {
    let source = DocumentApp.getActiveDocument();
    let file = DriveApp.getFileById(source.getId()).makeCopy("Target");
    let target = DocumentApp.openById(file.getId());
    let body = target.getBody();
    let numCopies = 4;  // note 1 already exists in source
    for( let i=0; i<body.getNumChildren(); i++ ) {
      let child = body.getChild(i);
      if( child.getType() === DocumentApp.ElementType.TABLE ) {
        let table = child.asTable();
        let copy = table.copy(); // master copy
        let j = 0;
        while( j<numCopies ) {
          j++;
          if( j%2 === 0 ) {
            table = body.appendTable(copy.copy());
          }
          else {
            for( let k=0; k<copy.getNumRows(); k++ ) {
              let tRow = table.getRow(k); // target
              let sRow = copy.getRow(k);  // source
              for( let l=0; l<sRow.getNumCells(); l++ ) {
                let cell = copy.getCell(k,l).copy();
                tRow.appendTableCell(cell);
              }
            }
          }
        }
        return;
      }
    }
  }
  catch(err){
    console.log("Error in copyDoc: "+err);
  }
}

Here is the result of my script.