在@print和使用页脚上需要一些帮助

Question

我正在编写html / css以从基础SQL数据库打印记录。在每条记录的打印输出上，我需要在页脚中放入数据中的项目REF。 （在这种情况下，“名称”对于所有记录都是公用的） 在屏幕上，这看起来不错，并且REF显示的每条记录都与我期望的不同，但是在打印时，每条记录都会打印相同的{{vm.ref}}。

我正在使用position：fixed，因为我希望它位于打印页面的底部。 如果我不使用position：fixed，则数据可以完美打印（即，每条记录使用不同的REF），但是当我需要将其打印在页面底部时，它将打印在其余数据的正下方。 / p>

footer_section { 
    text-align: center !important;
    @media print { 
       position:fixed; bottom: 0; }
   }

<div class="footer_section">
<table>
<tr>
<td>NAME</td>
<td>{{vm.name}}</td>
<td>REF:</td>
<td">{{vm.ref}}</td>
</tr>

</table>
</div>

我希望每个打印页面上的vm.ref都不同，但是它总是相同的，尽管它在屏幕视图上显示为不同。