WEB分页打印时页码的问题

wacke2008 2009-11-26 04:18:02

做项目，遇到WEB打印报表的问题，现在可以分页打印了，但是需要在每一页显示出页码来，当然，可以在页眉中显示出来，可客户偏偏要页码显示在正文里，真不知怎么搞了，还望高手赐教！注：分页使用CSS实现的

...全文

90 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

wacke2008 2009-11-27

打赏
举报

回复

正文的长度是不确定的，也就是说，没有打印之前，是不知道有几页的

月光下的土豆 2009-11-26

打赏
举报

回复

那就把页码写到正文里

使用JS的Window对象的Print方法实现兼容性强的分页打印功能，可直接运行，代码直接复制即可用。

Web打印控件，完美解决以下HTML打印难题 1.Web Html 分页打印 2.内容、图片、表格跨页断裂，封边 3.table并行、并列双边、重边 4.自动计算页码（总数及每一页），样式、位置、形式完全个性化 5.页眉页脚，去除浏览默认，自定义内容、样式、位置 6.保持页脚在页面底部，而非紧接正文内容 7.保持原文CSS样式 8.便捷自定义设置工具条 9.调用、语法简单，便捷更过详细技术难点、解决思路、实现过程讲解，及细致的代码注释，本人博文有详细介绍 https://blog.csdn.net/chao141yang/article/details/108991252 欢迎查阅或交流！

最近给客户做打印的时候，客户提出打印时不要打印该页面的头，只是打印表格里面的内容，因为头部有背景和打印按钮，而且要细线表格的那种，我想细线表格不是很简单吗如果你还不知道细线表格怎么做，请看下面的代码实现效果：）

先看效果： https://pan.quark.cn/s/25786d33eb07 print-kit web打印工具，为页面添加页眉页脚页码，正确将页面分页。思路是将某dom内的所有节点重新按照符合A4纸大小的页面排版。 USAGE 引入package 为groupContainer内的dom指定角色（这将决定layout重排时如何对待dom）执行排版函数： layout函数参数解释 dom角色解释 group 组，一次打印可以只有一组页面，也可以有多组页面。每组页面具有独立的页眉页脚分页等部件。 page-header 页眉，需放在group中指定 page-footer 页脚，需放在group中指定 mini-block 不会被分页拆分的最小单位块，当前页面空间不容纳mini-block时，会整体放在下一页 mini-block-tail 最小单位块的尾巴，总会与最小单位块同页展示 group-header 组信息块的头部，需放在group中指定。不同于page-header，group-header是组的标题 page-table 页面中的表格，会对表格元素做特殊处理，如跨页的表格拆分等问题 page-table-tail 表格的尾巴，总会与表格同页展示，若page-table的tr正好占满了某一页导致page-table-tail必须分页时，此时page-table-tail会将table的最后几行tr放在第二页显示分页页码添加方式在打印页面时，希望能够标注出页码信息，结合实际业务场景，页码的标注方式有两类，一类是按照总体纸张数量标注页码，另一类是按照group来分开标注页码，（或者两者同时都需标注）在group节点内，书写具有规定属性的节...

主要介绍了JS 使用 window对象的print方法实现分页打印功能，这种方法兼容性比较好，在ie和火狐浏览器下都可以正常使用，感兴趣的朋友跟随脚本之家小编一起看看吧

28,406

社区成员

356,946

社区内容

社区管理员

近7日
近30日
至今

加载中

查看更多榜单

试试用AI创作助手写篇文章吧

+ 用AI写文章