數據表導出爲CSV和Excel文件擴展名缺失

Question

我按照以下example。但是，只要我點擊CSV和Excel文件導出按鈕，我只會得到一個沒有擴展名的文件。我的最終用戶手動添加文件擴展名會很麻煩，所以我想知道是否有需要修復的東西。我已經閱讀了示例中的源代碼，但我沒有發現任何不同之處。創建表的源代碼非常簡單。

$('#example').DataTable({ 
    dom: 'Bfrtip', 
    buttons: [ 
     'copy', 'csv', 'excel', 'pdf', 'print' 
    ] 
}); 

非常感謝您的幫助。

Answer 1

我發現我需要將標題和擴展選項添加到表代碼中。如果其中任何一個丟失，我會得到一個沒有適當擴展名的文件。

$('#example').DataTable({ 
    dom: 'Bfrtip', 
    buttons: [ 
     'copy', 
     { 
      extend: 'csv', 
      text: 'csv', 
      extension: '.csv', 
      exportOptions: { 
       modifier: { 
        page: 'current' 
       } 
      }, 
      title: 'table' 
     }, 
     'pdf', 
     'print', 
     { 
      extend: 'excel', 
      text: 'excel', 
      extension: '.xlsx', 
      exportOptions: { 
       modifier: { 
        page: 'current' 
       } 
      }, 
      title: 'table' 
     } 
    ] 
}); 

Answer 2

一個解決方案，

"aButtons": [ 
       { 
       "oSelectorOpts": { filter: 'applied', order: 'current' }, 
       "sExtends": "copy", 
       "sButtonText": "Copiar en Portapapeles" 
       }, 
       { 
        "oSelectorOpts": { filter: 'applied', order: 'current' }, 
        "sExtends": "xls", 
        "sButtonText": "Excel", 
        "sFileName": "*.xls" // <-- ADD THIS LINE 

       }, 

       { 
        "oSelectorOpts": { filter: 'applied', order: 'current' }, 
        "sExtends": "pdf", 
        "sPdfOrientation": "landscape", 
        "sPdfMessage": "RegES - Reportes ", 
       }, 
       "print" 
      ] 
     },