使用jQuery修改@media打印

Question

有沒有辦法使用jQuery來操作@media打印？

我有一個表，我想計算行數，如果行數大於特定數量時我會後分頁-

$('.print').on('click', function() { 
    var r = 0; 
    $('.invoice table tbody tr').each(function() { 
    r+=1; 
    if(r == 30){ 
     if($('.footer').css('display') == 'none'){ 
      $('.invoice table tbody').css('page-break-after', 'always'); 
     } 
    } 
}) 

凡

• 應用

  $（'。print'）是觸發window.print（）動作的按鈕，但它不起作用當使用@media打印時，隱藏頁腳在css文件中打印

• 我隱藏頁腳同時使用@media在CSS文件打印（以下簡稱「.invoice表TBODY」也有@media打印特定的造型，我想添加分頁符屬性，但使用jQuery）

Answer 1

使用CSS打印樣式規則，並在適用的情況下添加該類。喜歡的東西：

var numRows = $('.invoice table tbody tr').length; 

if(numRows >= 30 && !$('.footer:visible').length){ 
    $('.invoice table tbody').addClass('page-break-class') 
} 

CSS

@media print { 
    tbody.page-break-class {page-break-after: always;} 
}