Previous topicNext topic
WebBuilderX > 开发在线统计页面 > HTML报表打印 > 加上二维码 >
指定打印位置

在模板中加入二维码标识之后,还要指定二维码的打印位置。

就如前面的效果图所示,要给每行数据都加上二维码的话,肯定需要在表格里增加一列。

首先,要给表头加上列名,将之前的表头第1个tr修改一下:

<tr align="center">
      <td rowspan="2">产品</td>
      <td colspan="2">数量</td>
      <td colspan="2">金额</td>
      <td rowspan="2">跟单人资料</td>
   </tr>

其次,在表体里指定具体打印位置

{{# d.forEach(function(item,index){ }}
    <tr align="right">
       <td align="left">{{ item.产品 }}</td>
       <td>{{ item.数量 }}</td>
       <td>{{ Number(item.数量占比*100).toFixed(2) + '%' }}</td>
       <td>{{ Number(item.金额).toFixed(2) }}</td>
       <td>{{ Number(item.金额占比*100).toFixed(2) + '%'}}</td>
       <td><div id="idx{{index}}"></div></td>
    </tr>
   {{# }) }}

请注意上述代码中的加粗部分。此代码的意思是,将二维码放到表体数据行的最后一个单元格。该单元格的内容是一个空的div,该div必须指定id属性,属性值为idx加上行序号。这个id值的设置规则不得改变,因为WebBuilderX在生成二维码报表时就是按此规则执行的。

这样修改之后,二维码报表即可顺利生成。完整代码请参考“报表模板”,此略。