我正在Chrome中尝试在表的页脚中显示页码。但是当我实现下面显示的Counter示例的CSS代码时。我没有显示页码。它给了我所有页面上重复的相同数字。
我尝试了以下代码
<table>
<thead>
some header here...
</thead>
<tbody>
some rows here....
<tbody>
<tfoot>
<div id="#pageFooter"></div>
</tfoot>
带有CSS
table{
counter-reset: page;
}
tfoot{
display: table-footer-group;
}
#pageFooter:after{
counter-increment: page;
content: "Page " counter(page);
}
我也尝试过这种方法
@page {
@bottom-left {
content: counter(page)
}
}
请帮我找出的解决方案
将counter-reset: page;
从<table>
移动到您的<body>
标记。
body{
counter-reset: page;
}