Datatables「打印」按鈕不出現

Question

每當我添加dom和按鈕，我的搜索和「顯示x條目」消失，打破數據表。我似乎無法弄清楚我缺少什麼讓打印按鈕顯示。

調試：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] } 
      ] 
    }); 
});