PDF ExcelプリントやCSVなどのjqueryデータ型のエクスポートをカスタマイズする方法は？

Question

datatablesのjQuery DataTablesを使用しています。 CSV、Excel、PDF、Printボタンなどのテーブルのエクスポートファイルプラグインをカスタマイズしたいと思います。 PDFを印刷すると、ヘッダーには常にjQueryデータテーブルファイルのエクスポートのタイトルが表示されます。どのようにカスタマイズできますか？また、CSV、PDF、Excelファイルをエクスポートするときにファイル名をカスタマイズしたいと思っています。私はプラグインのコードをチェックして、エクスポートファイルのオプションでコードをカスタマイズすることができません。ダウンロードには拡張機能が必要ですか？申し訳ありません、私はjQueryのデータ型を新しくしました。ここで

は

どのように私はPDF、CSVやExcelのファイルのことと同じようにカスタマイズすることができ、以下の例です。悪い編集をして申し訳ありません。

ダウンロードするファイル名をカスタマイズするにはどうすればよいですか？

誰かを助けることができたら大変感謝します。

ありがとうございます。

Answer 1

buttonsオプションを使用すると、ファイル名とタイトルをカスタマイズできます。すべてのボタンにcsv button以外のfilenameとtitleをカスタマイズするオプションがあります。 csv buttonには、filenameオプションのみがあります。ここで

print options

• excel options
• csv options
• pdf options
がスニペットです：

は、以下のボタンのオプションの参照のリストです。

$(document).ready(function() { 
 
    $('#example').DataTable({ 
 
    dom: 'Bfrtip', 
 
    buttons: [{ 
 
     extend: 'pdf', 
 
     title: 'Customized PDF Title', 
 
     filename: 'customized_pdf_file_name' 
 
    }, { 
 
     extend: 'excel', 
 
     title: 'Customized EXCEL Title', 
 
     filename: 'customized_excel_file_name' 
 
    }, { 
 
     extend: 'csv', 
 
     filename: 'customized_csv_file_name' 
 
    }] 
 
    }); 
 
});

<link href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.css" rel="stylesheet" /> 
 
<link href="https://cdn.datatables.net/buttons/1.2.2/css/buttons.dataTables.css" rel="stylesheet" /> 
 
<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
 
<script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script> 
 
<script src="https://cdn.datatables.net/buttons/1.4.2/js/dataTables.buttons.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/pdfmake.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/vfs_fonts.js"></script> 
 
<script src="https://cdn.datatables.net/buttons/1.4.2/js/buttons.html5.min.js"></script> 
 
<div class="container"> 
 
    <table id="example" class="display nowrap" width="100%"> 
 
    <thead> 
 
     <tr> 
 
     <th>Name</th> 
 
     <th>Position</th> 
 
     <th>Office</th> 
 
     <th>Age</th> 
 
     <th>Start date</th> 
 
     <th>Salary</th> 
 
     </tr> 
 
    </thead> 
 

 
    <tfoot> 
 
     <tr> 
 
     <th>Name</th> 
 
     <th>Position</th> 
 
     <th>Office</th> 
 
     <th>Age</th> 
 
     <th>Start date</th> 
 
     <th>Salary</th> 
 
     </tr> 
 
    </tfoot> 
 

 
    <tbody> 
 
     <tr> 
 
     <td>Tiger Nixon</td> 
 
     <td>System Architect</td> 
 
     <td>Edinburgh</td> 
 
     <td>61</td> 
 
     <td>2011/04/25</td> 
 
     <td>$3,120</td> 
 
     </tr> 
 
     <tr> 
 
     <td>Garrett Winters</td> 
 
     <td>Director</td> 
 
     <td>Edinburgh</td> 
 
     <td>63</td> 
 
     <td>2011/07/25</td> 
 
     <td>$5,300</td> 
 
     </tr> 
 
    </tbody> 
 
    </table> 
 
</div>