Datatablesボタンの拡張機能が動作しない

Question

私はこれをしばらく研究していますが、なぜこれが機能しないのかわかりません。ある時点で作業していましたが、テーブルのスタイルが正しくないため、データファイルの1つが欠けていて、それ以降は動作しなくなりました。私は削除し、別のjsとCSSのリンクを追加しようとしました、異なる注文を試し、テーブルのスクリプト自体をコーディングのさまざまな方法を試してみました。何か案は？ここで

が私のjs/cssの

{% block stylesheets %} 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
      <link rel="stylesheet" href="https://cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css"> 
      <link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.2.4/css/buttons.dataTables.min.css"> 

    {% endblock %} 
    {% block javascripts %} 

    <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.2.4/js/dataTables.buttons.min.js"></script> 
    <script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script> 
    <script type="text/javascript" src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.24/build/vfs_fonts.js"></script> 


    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script> 
    <script type="text/javascript" src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.24/build/pdfmake.min.js"></script> 

    <script type="text/javascript" src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script> 

    <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.2.4/js/buttons.colVis.min.js"></script> 
    <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.2.4/js/buttons.flash.min.js"></script> 
    <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.2.4/js/buttons.html5.min.js"></script> 
    <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.2.4/js/buttons.print.min.js"></script> 
{% endblock %} 

そしてテーブルの

<script> 
      $(document).ready(function() { 
       $('#myTable').DataTable({ 
        ddom: 'Bfrtip', 
        buttons: [ 
         'copyHtml5', 'excelHtml5', 'pdfHtml5', 'csvHtml5' 
        ] 
       }); 
      }); 
     </script> 

Answer 1

ある私は前にこの問題を抱えていたが、私の解決策は、私のテーブル外の要素にボタンを追加しました知っていた。

<script> 
     $(document).ready(function() { 
      $('#myTable').DataTable({ 
       -------->dom: 'Bfrtip', 
       buttons: [ 
        'copyHtml5', 'excelHtml5', 'pdfHtml5', 'csvHtml5' 
       ] 
      }); 
     }); 
    </script> 

へ

myTable.buttons().container().appendTo($('#print')); 

そして、私のテーブルは、このように作られた...

myTable = $('table').DataTable({... 

Answer 2

変更

<script> 
     $(document).ready(function() { 
      $('#myTable').DataTable({ 
       ddom: 'Bfrtip', 
       buttons: [ 
        'copyHtml5', 'excelHtml5', 'pdfHtml5', 'csvHtml5' 
       ] 
      }); 
     }); 
    </script> 

あなたは余分な "d" を持っているだけで、それを削除します