如何在html页面包含表的打印预览中打印页码
这里我有一些表格,我需要打印这个html页面,带有页码,表格内容可能会动态变化,我无法动态打印页码,我已经尝试了很多方法,但我还无法找到解决方案。 我需要打印页码,如“第2/6页” 下面是我的html示例如何在html页面包含表的打印预览中打印页码,html,css,printing,Html,Css,Printing,这里我有一些表格,我需要打印这个html页面,带有页码,表格内容可能会动态变化,我无法动态打印页码,我已经尝试了很多方法,但我还无法找到解决方案。 我需要打印页码,如“第2/6页” 下面是我的html示例 <style> .page { page-break-before:always; } @page { size: A4; margin: 0; } @media print { @page { size: A4; margin: 0; } } </styl
<style>
.page {
page-break-before:always;
}
@page {
size: A4;
margin: 0;
}
@media print {
@page {
size: A4;
margin: 0;
}
}
</style>
<table class='page'>
<tr><td></td></tr>....
</table>
<table class='page'>
<tr><td></td></tr>....
</table>
<table class='page'>
<tr><td></td></tr>....
</table>
<table class='page'>
<tr><td></td></tr>....
</table >
<script>
window.print();
</script>
.page{
前分页符:始终;
}
@页面{
尺寸:A4;
保证金:0;
}
@媒体印刷品{
@页面{
尺寸:A4;
保证金:0;
}
}
....
....
....
....
window.print();
如果需要,可以使用计数器
正文{
计数器复位:第页;
}
.页面计数器:之后{
计数器增量:第页;
内容:“页面”计数器(第页);
}
虚假内容
虚假内容
这是否回答了您的问题@不,我也试过,不是working@FluffyKitten问题是我有一张动态内容的桌子,你试过了吗?这是一个多边形填充,它可能会帮助您查看代码下的任何答案,并且运行得很好,但我想衍生出这个问题。如果我们有一个很长(超过10页)的div
?是否可以为这个案例添加相同的页码?