如何在 Javascript 中使用条件语句隐藏表格和标题行

问：

我正在Netsuite中处理自定义拣选票证（高级PDF）。票证上的元素之一是显示已购买的任何缺货商品的表格。

但是，如果所有订购的商品都有库存，则不会显示缺货表。

下面显示的代码完全按照我们的需要工作（这意味着行项目仅在缺货时才会出现在表中），除了缺货表正上方的表（包含标题“缺货商品：”）和缺货表的标题行（带有列标签）出现在领料单上，而不管是否有任何缺货商品。

如果没有延期交货的项目，我也想隐藏标题和标题行。

我不是很擅长 Javascript 或 HTML，而且我在这方面还很新，所以您可以提供的任何建议或帮助将不胜感激。

我最初的想法是将行项目放在一个 Div 中，条件语句可以查看该行，以确定是否应该出现排订单的标题和标题行。

但是 Netsuite 验证包含 Div 的代码的唯一方法是，如果我将 div 包裹在整个延期交货表周围（它不会让我只包裹在表中的行周围）。

当我尝试将<#if backordered？has_content>放在标题表之前时，它使“Backordered Item（s）：”标题完全消失，即使有延期交货的项目（在这种情况下，标题应该显示）。

有没有人对如何解决这个问题有任何建议？

这是我正在使用的代码：

<table class="itemtable" style="width:100%; margin-top:20px;">
   <tr>
      <td align="left" style="font-size:13pt;"><strong>BACKORDERED ITEM(S):</strong></td>
   </tr>
</table>
<div id="backordered">
   <table class="itemtable2" style="width: 100%; margin-top: 0px;">
      <thead>
         <tr>
            <th colspan="12">Item</th>
            <!--    <th colspan="3">${record.item[0].options@label}</th> -->
            <th align="right" colspan="4">Ordered</th>
            <th align="right" colspan="4">Shipped</th>
            <th align="right" colspan="4">B/O</th>
            <th align="right" colspan="4">Unit</th>
         </tr>
      </thead>
      <#list record.item as tranline><#if tranline.quantitybackordered?string == '0'>
      <#elseif tranline.itemtype == 'OthCharge'>
      <#elseif tranline.itemtype == 'Markup'>
      <#elseif tranline.itemtype == 'Description'>
      <#elseif tranline.itemtype == 'Service'>
      <#elseif tranline.itemtype == 'GiftCert'>
      <#elseif tranline.itemtype == 'Discount'>
      <#elseif tranline.itemtype == 'Payment'>
      <#elseif tranline.itemtype == 'Subtotal'>
      <!-- If none are backordered or item type is other charge, markup, description, service, gift certificate, subtotal, payment, or discount then print nothing, else print what's below-->
      <#else>
      <tr>
         <td colspan="12"><span class="itemname">${tranline.item}</span><br />${tranline.description}</td>
         <!--    <td colspan="3">${tranline.options}</td> -->
         <td align="right" colspan="4">${tranline.quantity}</td>
         <td align="right" colspan="4">${tranline.quantitycommitted}</td>
         <td align="right" colspan="4">${tranline.quantitybackordered}</td>
         <td align="right" colspan="4">${tranline.custcol5}</td>
      </tr>
      </#if></#list>
   </table>
</div>