2017-10-16 5 views
0

이 코드는 정상적으로 작동했지만 아무 것도 변경하지 않고 내보내기 버튼이 표시되지 않습니다.데이터 테이블 도구 csv가 작동하지 않음

내가 올바른 위치에있는 라이브러리를 삽입 한 :

$this->document->add_css('jquery.datetimepicker.css'); 
    $this->document->add_css('dataTables.tableTools.min.css'); 
    $this->document->add_js('jquery.datetimepicker.js'); 
    $this->document->add_js('jquery.dataTables.min.js'); 
    $this->document->add_js('dataTables.tableTools.js'); 

이 내 코드입니다 : 자신 솔루션에 의해 설립

$(".table-dashboard").DataTable({ 
     "dom": "T<\'clear\'>lfrtip", 
     initComplete: function(){ 
      $(".scrollable-list").before($(".DTTT_container")); 
      $(".DTTT_container").css("margin-bottom", "-33px"); 
     }, 
     bFilter: false, 
     "aoColumnDefs": 
     [ 
      { 
       "bSortable": false, 
       "aTargets": [$(this).find("thead tr th").length - 1] 
      } 
     ], 
     "oTableTools": 
     {//  "sSwfPath": "'.base_url(SYSTEM_MEDIA . "swf/copy_csv_xls_pdf.swf").'", 
      "sSwfPath": "http://cdn.datatables.net/tabletools/2.2.2/swf/copy_csv_xls_pdf.swf", 
      "aButtons": 
      [ 
       { 
        "sExtends"  : "csv", 
        "sButtonText" : "Export CSV <i class=\'fa fa-file-excel-o\'></i>", 
        "sButtonClass" : "btn btn-primary" 
       } 
      ] 
     } 
    }); 

답변

0

I`ve, 나는 실종 된 몇 가지 이러한 라이브러리를 추가했다.

<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script> 
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/buttons/1.4.2/js/dataTables.buttons.min.js"></script> 
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css"> 
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/1.4.2/css/buttons.dataTables.min.css"> 
<script type="text/javascript" charset="utf8" src="//cdn.datatables.net/buttons/1.4.2/js/buttons.html5.min.js"></script> 
<script type="text/javascript" charset="utf8" src="//cdn.datatables.net/buttons/1.4.2/js/buttons.print.min.js"></script> 

스크립트 :

dom: 'Bfrtip', 
     initComplete: function(){ 
      $(".scrollable-list").before($(".DTTT_container")); 
      $(".DTTT_container").css("margin-bottom", "-33px"); 
     }, 
     bFilter: false, 
     "aoColumnDefs": 
     [ 
      { 
       "bSortable": false, 
       "aTargets": [$(this).find("thead tr th").length - 1] 
      } 
     ], 
     buttons: [ 
      { 
       extend: "csv", 
       text: "Export CSV", 
       className: "btn btn-primary" 
      } 
     ]