DataTable jQueryカスタム要素の印刷

Question

DataTableの[印刷]ボタンを使用してカスタム要素を印刷するにはどうすればよいですか？ここで

は一例です：JSFIDDLE

私はあなたが「印刷」を押すと、このコードはあまりにも印刷に行きたい：

<div id="PRINT_HERE_TOO" class="test"> 
    <h1> 
     Print Here Too! 
    </h1> 
</div> 

は私がクリアしましたか？ありがとう！

Answer 1

あなたのコードでこれをJavaScriptとして使用し、どのようにニーズに合わせてカスタマイズすることができますかをご覧ください。

$(document).ready(function() { 
    $('#example').DataTable({ 
     dom: 'Bfrtip', 
     buttons: [ 
      { 
       extend: 'print', 
       customize: function (win) { 
        $(win.document.body) 
         .css('font-size', '10pt') 
         .prepend(
          '<div>xxxxxxxxxxxxxxxxxxxxxxxx</div><img src="http://datatables.net/media/images/logo-fade.png" style="position:absolute; top:0; left:0;" />' 
         ); 

        $(win.document.body).find('table') 
         .addClass('compact') 
         .css('font-size', 'inherit'); 
       } 
      } 
     ] 
    }); 
}); 

あなたは印刷ボタンがクリックされたときに、ページのタイトルはあなたはそれが..あなたのためにトリックを行うことがあり、その値を上書きする方法を考え出すたかっただけのようH1として挿入されていることに気づくでしょう