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으로 삽입되는 것을 알 수 있습니다