Question - render BOTH loop with multiple table rows AND placeholder replacements

[chebfarid]

I am experimenting with your excellent library inside a browser, and while I think I understood the basics correctly I am unable to resolve the following problem: my .docx template file contains both, normal text paragraphs with several placeholder tags and a simple table with loop tags for dynamic table rows/cells.
No problem with rendering just the text part

doc.render(
    {
	placeholder_1 : replacement_1,
        (...)
	placeholder_n : replacement_n,
    }
);

And no problem with just rendering the table data (using a JSON object)

doc.render(myTableData)

But I am unable to render them both in the same document. I tried all possible combinations like

doc.render(
	myTableData,
	{
		placeholder_1 : replacement_1,
                (...)
		placeholder_n : replacement_n,
	}
);

and others, but the output file contains always only one of the two elements correctly rendered, or the text block or the table, never both. I also tried to call doc.render( ) twice but (as I imagined) this does not work.
Is what I want to do even possible? Or am I just using the wrong syntax?

Thanks in advance for any hint.

[edi9999]

Hello,

the render function takes just one argument, not multiple.

You have to put everything inside the same object (in the first argument of the .render() call.)

You could do it using either :

doc.render({
     ...myTableData,
    placeholder_1: replacement_1,
    placeholder_n: replacement_n
});

Or you could also create your data dynamically, like this :

const data = {};
data.placeholder_1 = replacement_1;
// other data changes
doc.render(data);

[chebfarid]

Thank you!
I would have never guessed to put the three dots before myTableData

doc.render({
     ...myTableData,
    placeholder_1: replacement_1,
    placeholder_n: replacement_n
});

[edi9999]

Yes, this is not docxtemplater specific, it is called the spread syntax and allows to simply merge two objects together.

[edi9999]

If you wanted to write it the "legacy way", you would write it like this :

var renderData = {};
for (var key in myTableData) {
    if (myTableData.hasOwnProperty(key)) {
        renderData[key] = myTableData[key];
    }
}
renderData.placeholder_1 = replacement_1;
renderData.placeholder_n = replacement_n;
doc.render(renderData);