Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在html页面包含表的打印预览中打印页码_Html_Css_Printing - Fatal编程技术网

如何在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

这里我有一些表格,我需要打印这个html页面,带有页码,表格内容可能会动态变化,我无法动态打印页码,我已经尝试了很多方法,但我还无法找到解决方案。 我需要打印页码,如“第2/6页”

下面是我的html示例

<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
?是否可以为这个案例添加相同的页码?