首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    表格打印分页实践小结

    需求 本文主要介绍的不是以上的基本点,而是table在打印的时候,会因为一页无法承载而导致分页,然而我们并不知道分页之后的效果,当我们点击预览的时候才发现,原来一个整体的表格被分为了两个部分,而且还是同一行的被分割坏了...所以我在代码设计上,直接为每个分页的部分直接变为新分割一个表格,然后通过页面的margin间距,在展示时就有分页的预期效果。....m-print-table{ &:not(:first-child){ margin-top:10px } } 将print对于表格分页进行代码设计,通过代码计算出当前页的空间是否还能放下当前行...一般情况下打印很多情况下需要分页,而ui上其实数据多页面也是连在一起的。 代码的设计原则 原本的页面模板 准备好进行按照预览规则拆分首先需要一个原来的表格模板,以及以后打印之后的容器模板。...// console.log(countHeight) return countHeight }, 0) + 20 } 小结 以上是这次表格分页小小的实践

    1.8K31
    领券