html、js实现打印功能：表格过多的时候自动分页到另一页，但是每页保留页面的头部和尾部内容。

业务需要实现打印功能：

页面的头部和尾部内容是固定的，分页过后的每一页都有；
** 中间的表格数据过多时，自动分页，但数据得完全展示，不能出现只显示一半的情况。
请教诸位大神，如何实现。**

 百度了很多，都是说头尾部固定定义thead和tfoot，用display: table-footer-group。但这个页面的头尾部它不属于表格，因此不能写到表格中去。哪位大神有什么好办法吗？

写回答
好问题 0 提建议
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

3条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
牛奶牛肉 2019-07-11 07:07
关注
页面的头部和尾部内容是固定的，分页过后的每一页都有

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报
编辑

预览
轻敲空格完成输入
显示为

卡片

标题

链接
评论

按下Enter换行，Ctrl+Enter发表内容
m0_60648141 2021-08-02 06:55

有合并单元格的分页后表头会被竖线穿透，而且表头行数过多分页就不展示表头了

2

回复

编辑

预览

轻敲空格完成输入
显示为

卡片

标题

链接

回复

按下Enter换行，Ctrl+Enter发表内容
qq_34174351 回复 m0_60648141 2021-12-16 14:10

有解决方案么亲

赞

回复

编辑

预览

轻敲空格完成输入
显示为

卡片

标题

链接

回复

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(2条)

编辑

预览

报告相同问题？

关注问题

window.print()打印抬头页尾固定中间表格自动分页
2024-11-14 08:42

涔溪的博客 window.print()打印抬头页尾固定中间表格自动分页。
vue-print-nb打印自定义页码和表格行数分页打印并包含列合计
2024-08-22 09:54

YNNSD的博客我还可以自定义每个页面打印的表格行数和字体大小。
后台管理系统静态页面
2018-06-05 01:34

【标题】"后台管理系统静态页面"所指的是一套用于...在实际开发中，还需要结合CSS框架（如Bootstrap）、JavaScript库（如jQuery）、前端框架（如Vue.js或React.js）以及可能的数据接口来完成动态数据的交互和功能实现。
JS打印分页（上下内容固定，中间内容动态渲染）
2020-07-16 07:13

wind~lala的博客直接打印 var btn = mini.getbyName("btn_directPrinting", this); btn.on('click', function () { this.directPrinting(); }, this); directPrinting: function () { var LODOP; LODOP = getCLodop(); ...
小白IT:如何快速写出一个前端页面（网页），Python中如何使用前端语言什么是？JavaScript？BOM&DOM？Bootstrap？？
2020-05-19 15:53

yidianyidei的博客 JavaScript前端语言 1.什么是JavaScript语言 JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。用来给HTML页面增加动态功能 2.ECMAScript和JavaScript的关系 1996年11月，...
JS 实现简单的Table表格分页效果（假分页）
2014-08-21 02:16

足迹คค的博客单纯的JS实现分页
前端面试题（HTML、JS、Vue、React、小程序）
2021-11-05 02:35

T_Donna的博客 CSSHTML1、Div 里面有个一个div *****2、doctype的作用 *3、link标签和import标签的区别 **HTML51、h5的新特性 ***CSS & CSS31、盒子模型 ****2、弹性布局、浮动布局、table布局 *****3、flex的属性 ****4、CSS...
Vue.js前端框架教程6：Element UI框架
2024-12-18 08:59

Cachel wood的博客的强大之处在于其丰富的组件库和灵活的配置，可以帮助开发者快速构建出功能丰富、界面美观的。项目中，你可以立即开始使用它的组件来构建页面。框架，它提供了一套丰富的组件和工具，帮助开发者快速构建高质量的前端...
Django web开发(一) - 前端
2022-11-30 09:16

ShangCode的博客前端整合案例: 添加数据页面前端开发说明: 本人的实验环境在云服务器(CentOS7操作系统)上,在VSCode软件上SSH远程连接云服务器进行代码编写因为文章所有内容和代码是纯手敲的缘故,所以演示的代码可能跟武沛齐...
【Ant Design Vue V3版本填坑记录三】一套代码实现表格常用属性
2023-02-14 09:31

MagnumHou的博客 V3版本官方升级提醒：Table 废弃了 column.slots, 新增 v-slot:bodyCell、v-slot:headerCell，...但 column.slots 还可用（实际测试2.X版本也会出现控制台警告，上一篇文章已经说过），我们会在下一个大版本时移除。
没有解决我的问题, 去提问

html、js实现打印功能：表格过多的时候自动分页到另一页，但是每页保留页面的头部和尾部内容。

业务需要实现打印功能：

3条回答 默认 最新

3条回答默认最新