📜  如何应用 CSS 分页符来打印包含大量行的表格?

📅  最后修改于: 2021-08-29 12:33:13             🧑  作者: Mango

打印包含大量行的表格时,可能会出现在页面结束时将数据保持在一起的问题。由于不断呈现的数据更有意义。在这里,我们将跟踪在遇到分页情况时打印具有很多行的表格内容的方法。

可用于此目的的最合乎逻辑的属性是 CSS 中的分页符。

CSS 中的分页符
CSS 属性有助于定义页面上的元素在打印时的外观。这使得文档的打印更像书本。
page-break 不是一个直接可用的属性,但它包含三个可以根据需要使用的属性:

  1. page-break-before : 在元素之前添加一个分页符
  2. page-break-after : 在元素后添加分页符
  3. page-break-inside : 设置是否应该在元素内避免分页符。

句法:

name_of_the_element { name_of_the_property: value;}

例子:

table {page-break-before: always;}

这里, name_of_the_element指的是需要分页的元素。 (例如,表)
name_of_the_property是指应用于元素所需的属性。 (例如,分页前)
value 指示给定属性在打印文档时应该如何表现。 (例如,总是)

它可以在任何需要的地方应用,在表格内部,表格之前或之后,行之前或之后,甚至是行内。但是它们的应用应该使格式化的输出在硬拷贝中有意义。

以下程序将帮助您更好地理解。他们的输出只有在打印时才能看到,因此 pdf 已附加。

程序 1:在表开始时占用新页面的程序




    
    


    hello from the Geeksforgeeks
    
        
            
            
        
        
            
            
        
        
            
            
        
    
s.no.name
1 apple
2 mango

输出:
第1页:

第2页:

程序 2:在表格开始时以及在打印行时需要新页面但不在行之间时需要新页面的程序。




    
    


    hello from the Geeksforgeeks
    
        
            
            
        
        
            
            
        
        
            
            
        
        
            
            
        
        
            
            
          
        
            
            
         
        
            
            
         
        
            
            
            
    
s.no.name
1 apple
2 mango
3 kiwi
4 banana
5 strawberry
6 guava
7 watermelon

输出:
第1页:

第2页:

第3页:

所有这些输出都会在打印时生成,上面附加的输出是打印预览的屏幕截图。