Datatables 버튼 확장이 작동하지 않습니다.

Question

저는 이것을 잠시 동안 연구 해왔고 왜 이것이 작동하지 않는지 알 수 없습니다. 그것은 한 지점에서 일하고 있었지만 제 테이블의 스타일이 올바르지 않았습니다. datatables 파일 중 하나가 누락되어 작업이 중단되었습니다. 다른 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

테이블에 대한 내 솔루션은 테이블 외부 요소에 버튼을 추가하는 것이라고 나는 알고 있었다.

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"가

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

그냥 제거