引导数据表导​​出按钮

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 进行演示。