使用Bootstrap打印表W /正确的分页符

时间:2015-11-05 15:59:00

标签: html css angularjs twitter-bootstrap

我正在尝试使表格可打印,特别是在保持正确边框的同时,永远不要将<td>条目分成两半。我正在尝试这个:

    @media print {
        table.print-friendly tr td, table.print-friendly tr th {
            page-break-inside: avoid;
        }
    }

但是,这仍然会导致表数据缺少上边距或下边距的问题。实际上,我不确定它会做什么,因为没有它,表格会错过第一页上的最后一个边距。这里更容易用图片解释:

enter image description here

Plnkr here.所有相关内容都在index.html中 - 我认为您需要将其复制到记事本并在本地运行以测试打印。请注意,该代码中唯一相关的内容是<style>定义和表类。

总结一下 - 我的目标是让桌子正确打破并保持打印上的边距。

0 个答案:

没有答案