Oracle APEX 5.0 经典报告 window.print() 问题答案

【问题标题】：Oracle APEX 5.0 Classic Report window.print() issueOracle APEX 5.0 经典报告 window.print() 问题
【发布时间】：2016-12-11 12:48:33
【问题描述】：

我在 oracle apex 5.0 中创建了一个经典报告，其中包含一些产品信息（颜色、尺寸、价格等）以及一个条形码列。为了以特定的条形码字体显示条形码列，我上传了一段 jquery 代码作为插件，并设法使条形码正确显示，如下所示

但是在打印的时候，APEX自带的打印功能就不起作用了，因为它只打印出sql返回的原始条码值（6208217iFiEiGi1i）。作为一种解决方法，我创建了一个调用执行 window.print() 的 javascript 的按钮，并使用了一些 CSS 来摆脱网页的标题和侧边栏，并设法只打印网页的主要内容这是报告。

我的做法是，我在页面的 html 标头中有以下 CSS 代码

<style media="print" type="text/css">
@media print
{
body * { visibility: hidden; }
#print-content * { visibility: visible; }
#print-content { position: relative; top: 0; left: 0; width:100%;  padding:0; }      
}
</style>

以及我要打印的区域页眉和页脚部分中的以下内容

<div id="print-content" >

</div>

但是，这种方法给我留下了另一个问题。有时该行在页面末尾被截断，使其如下所示

谁能给我一些关于如何解决这个问题的建议？

非常感谢

【问题讨论】：

标签： oracle oracle-apex

【解决方案1】：

尝试使用这个 CSS - 我不确定你应该将它应用到什么，也许是一般的表格行：

@media print {
    tr {page-break-inside: avoid;}
}

最好使用更具体的选择器，例如 div#myreport tr。

【讨论】：

非常感谢。我设法通过将以下行添加到我的 CSS #print-content *{ page-break-inside:avoid; 来让它工作。 }