每页上相同的序列号
每页上相同的序列号
提问于 2015-11-02 06:40:31
我正在使用客户端分页，在表中使用引导程序，我想在每个页面中添加序列号，这样在第1页上，S.No从1开始到50，那么在第2页上，s.No应该是51到100....and，依此类推。
我改变了我的css
.table {
counter-reset: serial-number; /* Set the serial number counter to 0 */
}
.table td:first-child:before {
counter-increment: serial-number; /* Increment the serial number counter */
content: counter(serial-number); /* Display the counter */
} 但是现在问题是在第2页上，S.No又从1开始到50页，比如页面3..Can，有人帮助我在其他页面上实现正确的序列号序列。
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-11-02 06:47:38
您可以在counter-reset属性中手动为计数器添加种子：
counter-reset: serial-number 50; /* Set counter to 50 */当然，您必须手动计算这个初始值。在javascript分页回调中，可以使用以下内容更新：
document.querySelector('.table').style.counterReset = 'serial-number ' + (zeroIndexedPageNo * pageSize);演示
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/33472036
复制相关文章
相似问题
腾讯云开发者
