Datatables "인쇄"버튼이 나타나지 않습니다.

Question

dom과 버튼을 추가 할 때마다 내 검색과 "show x entries"가 사라지고 데이터 테이블이 깨집니다. 인쇄 버튼을 표시하기 위해 누락 된 부분을 파악할 수 없습니다.

디버그 : http://debug.datatables.net/ireroh

JS :

$(document).ready(function() { 
    $('#dataTables-example').DataTable({ 
      dom: 'Bfrtip', 
      buttons: [ 
       'print' 
      ] 
      "sPaginationType": "full_numbers", 
      "columnDefs": [ 
       { "searchable": false, "targets": [0, 1] } 
      ] 
    }); 
}); 

<script src="../bower_components/datatables/media/js/jquery.dataTables.min.js"></script> 
<script src="../bower_components/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.min.js"></script> 
<script src="https://cdn.datatables.net/buttons/1.2.2/js/buttons.print.min.js"></script> 
<script src="https://cdn.datatables.net/buttons/1.2.2/js/dataTables.buttons.min.js"></script> 

Answer 1

당신이 데이터베이스 버튼의 js 파일을 추가 할 필요가 ...

https://cdn.datatables.net/buttons/1.2.2/js/dataTables.buttons.min.js //cdn.datatables.net/buttons/1.2. 2/js/buttons.print.min.js

https://cdn.datatables.net/buttons/1.2.2/css/buttons.dataTables.min.css

자세한 내용은 아래를 확인하십시오.

https://datatables.net/extensions/buttons/examples/print/simple.html 

Answer 2

먼저 스크립트 파일을로드해야합니다.

<script src="../bower_components/datatables/media/js/jquery.dataTables.min.js"></script> 
    <script src="../bower_components/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.min.js"></script> 
    <script src="https://cdn.datatables.net/buttons/1.2.2/js/buttons.print.min.js"></script> 
    <script src="https://cdn.datatables.net/buttons/1.2.2/js/dataTables.buttons.min.js"></script> 


$(document).ready(function() { 
    $('#dataTables-example').DataTable({ 
      dom: 'Bfrtip', 
      buttons: [ 
       'print' 
      ] 
      "sPaginationType": "full_numbers", 
      "columnDefs": [ 
       { "searchable": false, "targets": [0, 1] } 
      ] 
    }); 
});