dataTableをExcel形式でエクスポートするには？

Question

私は輸出用のtableToolsプラグインを使用しているデータテーブルのデータは、私は

は

var oTable = $('#result_table').dataTable({ 
      //"iDisplayLength": 50, 
      //"order" : [[0,"desc"]], 
      "columnDefs": [ 
       { "width": "16%", "targets": 1 } 
       ], 
      "lengthMenu": [[10, 50, 100, -1], [10, 50, 100, "All"]], 
      "dom": 'T<"clear">lfrtip', 
      "tableTools": { 
       "sSwfPath": "copy_csv_xls_pdf.swf" 
      } 
     }); 

私actuall結果はで、以下のプラグイン

<script src="js/jquery-1.12.3.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<script src="js/moment/moment.min.js" type="text/javascript"></script> 
<script src="js/jquery.dataTables.js" type="text/javascript"></script> 
<script src="js/dataTables.tableTools.js"></script> 

HTMLコード

<table id="result_table" class="display table table-bordered" cellspacing="0" width="100%"></table> 

と私の初期の一部が含まれています

Excelのボタンをクリックすると私のウィンドウに保存する

保存されたCSVファイルはXlsやXlsx形式ではなく、CSVボタンとExcelボタンの両方がエクスポートCSVファイルフォーマットのみです..これは私が必要とする問題ですエクスポートExcel形式..あなたの提案や解決策を教えてください。

Answer 1

oTableTools: { 
    sSwfPath: "copy_csv_xls_pdf.swf", 
    aButtons: [ 
    { sExtends: "xls", 
     mColumns: 'visible', 
     sFileName: 'export.xls', 
     sToolTip: 'Save current table as XLS' 
    } 
    ] 
} 

重要なことを、このアプローチを使用してダウンロードしたファイルに添付適切なファイル名を確保するためにsExtends: "xls"とsFileNameです。

しかし、他の人がコメントで言及として、あなたが本当にbuttonsプラグインを使用することを検討する必要があり、ここではこれを使用してデモがある - >https://jsfiddle.net/zm825k01/

Answer 2

これは私がやったことです。 それがあなたに役立つかどうか教えてください。

<script src="/js/jquery-1.12.0.min.js"></script> 
<script src="/js/datatables/jquery.dataTables.min.js"></script> 
<script src="/js/datatables/dataTables.bootstrap.min.js"></script> 
<script src="/js/datatables/dataTables.buttons.min.js"></script> 
<script src="/js/datatables/buttons.bootstrap.min.js"></script> 
<script src="/js/datatables/jszip.min.js"></script> 
<script src="/js/datatables/pdfmake.min.js"></script> 
<script src="/js/datatables/vfs_fonts.js"></script> 
<script src="/js/datatables/buttons.html5.min.js"></script> 
<script src="/js/datatables/buttons.print.min.js"></script> 
<script src="/js/datatables/buttons.colVis.min.js"></script> 

var table = $('#example').DataTable({ 
       lengthChange: false, 
       buttons: [ 'copy', 'excel', 'pdf', 'colvis' ] 
      }); 
table.buttons().container().appendTo('#example_wrapper .col-sm-6:eq(0)');