How to add child record items to Advanced HTML pdf NetSuite? - netsuite

Question

I have a parent(P) and child(C) record in a Form. When there is more than 1 item in the child section, it does not appear on the html/pdf print out.
enter image description here
This is the javascript used to pull data
define(// jshint ignore:line
["N/record", "N/search", "N/format", "N/task"], function (record, search, format, task) {
function afterSubmit(context) {
if (context.type == context.UserEventType.CREATE) {
var recId = context.newRecord.id;
var rec = record.load({
type: "customrecord_mbce_outbound_trip",
id: recId,
});
var lineCount = rec.getLineCount("recmachcustrecord_otl_outbound_trip");
log.debug({ title: "lineCount", details: lineCount });
var arrData = [];
for (var i = 0; i < lineCount; i++) {
var lpn = rec.getSublistText({
sublistId: "recmachcustrecord_otl_outbound_trip",
fieldId: "custrecord_otl_lpn",
line: i,
});
log.debug({ title: "lpn", details: lpn});
var singleData = {
lpn: lpn,
};
log.debug({ title: "singleData ", details: JSON.stringify(singleData) });
arrData.push(singleData);
}
log.debug({ title: "array", details: JSON.stringify(arrData) });
rec.setValue({
fieldId: "custrecord_child_rec_outbound_trip",
value: JSON.stringify(arrData),
});
rec.save();
}
}
return {
afterSubmit: afterSubmit,
};
});
And the way I call it in advanced html is
<#if record.custrecord_child_rec_outbound_trip?has_content>
<#assign customrecord = record.custrecord_child_rec_outbound_trip?eval>
<table border="0" cellpadding="1" cellspacing="1" style="width: 100%;">
<#list customrecord as customrecord_line>
<#if customrecord_line_index == 0>
<thead>
<tr>
<th>LPN</th>
</tr>
</thead>
<tr>
<td>${customrecord_line.lpn}</td>
</tr>
</#if>
</#list>
</table>
</#if>
The way in look as pdf instead of 8 LPN only 1 coming enter image description here
How can I call all of them in the print out?