关于打印html里面的table的问题

Posted 2023-04-26

我的页面上有10个table，我用js控制了如果没有数据就不显示table。两个table之间加了一个div强制分页打印<div class="pageNext"></div>
<style type="text/css" media="print">
.noprint display : none;
.pageNextpage-break-after:always;
</style>

现在我打印会把空白页一起打印出来。怎么才能让空白页不打印呢？

即然你都可以用JS控制空表格不显示,那么,同样也可以用JS将空表格下面的div的class属性置空,或是将该div从DOM中删除都可以达到你的目的. 参考技术A 没必要写这么多table啊，你根据数据需要，随时增加就好了啊。
你这种的情况，如果没数据，直接remove了table不就好了

关于给table标签里的th td设置宽高不生效问题

参考技术A table里面的宽高都是自适应的，如果不主动设置的话它会根据表格中的内容自适应宽高，但是给th和td设置宽高属性后发现并不能生效。