Jquery 數據表導出按鈕不起作用

Question

我正在嘗試借助其擴展名在 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
   });

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

JS

<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'