如何在Google Chrome的HTML表格中实现分页功能？

Question

我试图在HTML页面中打印一个用jQuery生成的大表.我使用的是Chrome 26.0.141.问题在于分页符.

我最初使用这个CSS

#membersList table { page-break-inside:auto; position:relative}
#membersList tr { page-break-before:avoid; page-break-after:auto;position:relative}
#membersList td{ border:solid 1px #CCCCCC;width:auto;position:relative}
#membersList thead { display:table-header-group;position:relative }
#membersList tfoot { display:table-footer-group;positioion:relative} 

这个dint工作,所以我搜索并获得此链接 谷歌Chrome打印分页

基于该链接中的一个答案,我使用以下CSS属性

 -webkit-region-break-inside: avoid;

但是当我运行并检查元素时,它默认被删除.

什么是解决方案？我搜索过很多帖子.他们说最近的版本不支持分页.如果这是真的那么还有什么其他解决方案可以在Google Chrome中实现分页？

Answer 1

最后我解决了这个问题.我做了tr{display:block;} ,然后我修复了单元格间距.

分页符仅适用于块级元素.