NetSuite Advanced PDF > 以网格格式显示项目：答案

【问题标题】：NetSuite Advanced PDF > Display items in a Grid format:NetSuite Advanced PDF > 以网格格式显示项目：
【发布时间】：2018-10-30 14:19:18
【问题描述】：

很抱歉我是个新手，因为我以前没有真正尝试过。如果之前已经回答过，请您提供链接以便我查看它吗？这几乎是我想要完成的事情：

enter image description here

我尝试将它显示在行中，希望它会彼此并排显示，例如，第 1 项 |项目 2 |项目 3|但这是不行的。我几乎将销售订单记录或交易记录中的项目列表显示到记录类型的高级 PDF 布局中。

如果有人能提供帮助，谢谢。这是代码块。我正在尝试按图片显示项目：

<body padding="8mm 13mm 8mm 13mm" size="A4">
<#if record.item?has_content>
<table class="itemTable" width="100%"><!-- start items --><#list record.item 
as item><#if item_index==0>
<thead>
<tr>
<th colspan="6"  class="itemHeader"      align="left" padding-    
bottom="8px">Code</th>
<th colspan="6"  class="itemHeader"  align="left" padding-bottom="8px" 
padding-left="10px">Qty</th>
<th colspan="6"  class="itemHeader"      align="left" padding- 
bottom="8px">Units</th>
<th colspan="18" class="itemHeader"  align="left" padding-bottom="8px" 
padding-left="15px">Product Description</th>
<th colspan="8"  class="itemHeader"  align="left" padding-bottom="8px">Unit 
Price</th>
<th colspan="8"  class="itemHeaderEnd" align="left" padding-bottom="8px" 
padding-left="10px">Amount</th>
</tr>
</thead>
<!-- Print items -->
</#if><tr>
<td colspan="6"  class="itemDetail"     align="left"><@printCode item.item 
/></td>
<td colspan="6"  class="itemDetail"     align="left" padding- 
left="20px">${item.quantity}</td>
<td colspan="6"  class="itemDetail"     align="center">${item.units}</td>
<td colspan="18" class="itemDetail"     align="left" letter-spacing= "0px" 
padding-left="15px" padding-right="50px">${item.description}</td>
<td colspan="8"  class="itemDetail"     align="left"  padding-left="20px"> 
<#if item.rate?is_number>${item.rate?string("#,##0.00")}<#else>${item.rate} 
</#if></td>
<td colspan="8"  class="itemDetailEnd"  align="left"  padding-left="30px"> 
<#if item.amount?is_number>${item.amount?string("#,##0.00")} 
<#else>${item.amount}</#if></td>
</tr>
</#list><!-- end items --></table>
</#if>

我知道上面是从上到下显示默认外观的项目，我想要实现的是让它从左到右显示。

提前谢谢你。

-乔

【问题讨论】：

我不明白为什么有 3 个人投了反对票，也没有留下任何关于如何为新用户改进的问题。无论如何，@Joseph：请添加您正在使用的代码和您得到的结果，以便我们尝试提供帮助。另外，这些数据是从哪里来的——您是在创建一个模板来显示已保存的搜索结果，还是其他什么？
@Krypton 非常感谢您回答我的问题。我已经添加了您所要求的细节，希望我能稍微清除一下。再次感谢您。

标签： html css netsuite freemarker bfo

【解决方案1】：

在 BFO 中做到这一点的方法是使用内置块的表。然后用缺失的单元格填充最后一行。

例如忽略标题

<#list record.item?chunk(3) as row>
  <tr>
  <#list row as item>... </#list>
  <#if row?size lt 3 ><td>&nbsp;</td></#if><!-- fill the row -->
  <#if row?size lt 2 ><td>&nbsp;</td></#if>
  </tr>

</#list>

【讨论】：

您好。我实际上使用的是表格，但我只是不知道使用什么语法来水平显示项目而不是 NetSuite 通常的垂直格式。因此，对于每一列，都会显示项目名称以及所有项目详细信息。
非常感谢您的专家建议。你刚刚救了我一百万个想法。我想我还是新的 BFO。除了在 BFO.org 中找到的内容之外，您是否有我可以查看的 BFO 代码库？
嗨@JosephGelliWelli 如果你觉得这个建议很有用，我认为你的目的是让你投票赞成答案。 :-)。我真的没有 Netsuite 特定 BFO 代码库。我已经用它们做了很多事情，所以如果你在想办法解决问题时发布一些代码，我可能会看到它。