jQueryを使って@mediaプリントを変更する

Question

@mediaプリントをjQueryで操作する方法はありますか？

私はテーブルを持っていると私は、行をカウントすると、行数が特定の数よりも大きい場合、私は

$('.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'); 
     } 
    } 
}) 

• 後に改ページ-適用されます私は隠す

  $（「印刷」）window.print（）アクションをトリガーするボタンですが、使用して印刷する@media CSSファイルで

• を印刷しながら、それはworkIはフッターを非表示にしていませんフッター使用して印刷中@media CSSを使用します（「.invoiceテーブルのtbodyは」@mediaの印刷にも具体的なスタイリングを持っていると私は改ページプロパティを追加したいが、jQueryのを使用）、CSSファイルで印刷

Answer 1

該当するクラスを追加します。ような何か：

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;} 
}