jquery datatable插件保存文件爲.xls

Question

我正在使用jquery數據表插件來顯示數據。我添加了文件保存選項，如excel，csv和pdf。

儘管它允許我將表格內容保存爲文件。但在excel和csv的情況下，它將文件保存爲.csv。

我想要有excel按鈕來允許我將文件另存爲.xls格式。如何在這個插件中實現這一點。

以下是我正在使用的代碼。

$('#datatable_tabletools').dataTable({ 
      "sDom" : "<'dt-top-row'Tlf>r<'dt-wrapper't><'dt-row dt-bottom-row'<'row'<'col-sm-6'i><'col-sm-6 text-right'p>>", 
      "aaSorting": [], 
      "oTableTools" : { 
       "aButtons" : ["copy", "print", { 
        "sExtends" : "collection", 
        "sButtonText" : 'Save <span class="caret" />', 
        "aButtons" : ["csv", "xls", "pdf"] 
       }], 
       "sSwfPath" : "<?=$baseUrl?>static/js/plugin/datatables/media/swf/copy_csv_xls_pdf.swf" 
      }, 
      "fnInitComplete" : function(oSettings, json) { 
       $(this).closest('#dt_table_tools_wrapper').find('.DTTT.btn-group').addClass('table_tools_group').children('a.btn').each(function() { 
        $(this).addClass('btn-sm btn-default'); 
       }); 
      } 
     }); 

Answer 1

這是可能的。您必須使用"sFileName"屬性。

要實現您的目標，請爲Excel導出指定"sFileName": "*.xls"。

這裏是你的代碼適合像你想：

$('#datatable_tabletools').dataTable({ 
    "sDom" : "<'dt-top-row'Tlf>r<'dt-wrapper't><'dt-row dt-bottom-row'<'row'<'col-sm-6'i><'col-sm-6 text-right'p>>", 
    "aaSorting": [], 
    "oTableTools" : { 
     "aButtons" : ["copy", "print", { 
      "sExtends" : "collection", 
      "sButtonText" : 'Save <span class="caret" />', 
      "aButtons" : ["csv", { 
         "sExtends": "xls", 
         "sFileName": "*.xls", 
         "bFooter": false 
        }, "pdf"] 
     }], 
     "sSwfPath" : "<?=$baseUrl?>static/js/plugin/datatables/media/swf/copy_csv_xls_pdf.swf" 
    }, 
    "fnInitComplete" : function(oSettings, json) { 
     $(this).closest('#dt_table_tools_wrapper').find('.DTTT.btn-group').addClass('table_tools_group').children('a.btn').each(function() { 
      $(this).addClass('btn-sm btn-default'); 
     }); 
    } 
});