Jquery数据表导出按钮不起作用

【问题标题】：Jquery datatable export buttons not workingJquery数据表导出按钮不起作用
【发布时间】：2021-04-07 12:03:08
【问题描述】：

我正在尝试借助其扩展名在 jquery 数据表中添加 excel 和 pdf 的导出按钮，但按钮没有出现在表格上方。我尝试了许多其他链接，但仍然无法解决

var ticketingTableR= $('#ticketingTableR').DataTable( {
      dom: 'Bfrtip',
      buttons: [
          'copy','pdf','excel'
        ],
      columns: [
            { title: "TKT#" },
            { title: "Name" },
            { title: "Email" },
            { title: "Type" },
            { title: "Status" },
            { title: "Created At" },
            { title: "Completed At" }
        ],
        
  
      "order": [[ 0, "desc" ]],
            "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
            "paging":   true,
            "ordering": true,
  
           "ajax": {
               "url": "{{ url('/getTicketingSupervisor') }}",
               "type": "POST",
               data: {"_token": $('meta[name="csrf-token"]').attr('content'),
              },
           },
           "scrollY": 400,
           "scrollX": true
   });

【问题讨论】：

标签： javascript php jquery ajax laravel

【解决方案1】：

包括这些js和css。

CSS

  <link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.2.3/css/responsive.dataTables.min.css">
  <link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.5.4/css/buttons.dataTables.min.css">

<script src="https://cdn.datatables.net/buttons/1.5.2/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.2.3/js/dataTables.responsive.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.html5.min.js"></script>

脚本更改

也将这一行改为

'copy','pdf','excel' 到 'copy','pdf','excel', 'csv'

【讨论】：