自舉數據表導出按鈕

Question

<script> 
$(document).ready(function() { 
$('#example').DataTable({ 
    "language": { 
     "url": "../jquery/plugins/dataTables/ff.json" 
     }, 
     "columns": [ null, null, { "width": "6%" }, { "width": "6%" } ], 
     "order": [], 
     "columnDefs": [ {"targets" : 'no-sort', "orderable": false} ], 
     "dom": 'Bfrtip', 
     "buttons": [ 'copyHtml5', 'excelHtml5', 'csvHtml5', 'pdfHtml5' ]    
}); 
$("[data-toggle=tooltip]").tooltip(); 

}）;

任何人可以幫助我......一切工作，除了顯示出口按鈕...預先感謝您的幫助

Answer 1

你必須包括額外的JS文件HTML5出口按鈕的工作。

使用Download Builder並生成JS/CSS鏈接包括以下組件：

• 按鈕

  • HTML5出口
  • JSZip
  • pdfmake

$('#example').DataTable({ 
    "language": { 
     "url": "../jquery/plugins/dataTables/ff.json" 
    }, 
    "columns": [ null, null, { "width": "6%" }, { "width": "6%" } ], 
    "order": [], 
    "columnDefs": [ {"targets" : 'no-sort', "orderable": false} ], 
    "dom": 'Bfrtip', 
    "buttons": [ 'copyHtml5', 'excelHtml5', 'csvHtml5', 'pdfHtml5' ]    
}); 

見this jsFiddle示範。