建立並儲存一個包含表格資料的 PDF 檔案。
請注意 - 此屬性需要 DataTables 的 Buttons 擴充功能。
描述
此按鈕類型作為一個代理,它會根據瀏覽器的功能和頁面上可用的程式庫自動偵測是否可以使用 pdfHtml5
按鈕。
提供此選項是因為 HTML5 按鈕類型需要相當現代的瀏覽器,而最終使用者可能不一定擁有此瀏覽器。
如果不滿足 pdfHtml5
按鈕的要求,則不會向最終使用者顯示任何按鈕。有關每個按鈕類型的要求,請參閱其各自的說明文件。
選項
此按鈕可以在其設定物件中設定以下選項,以自訂其動作和顯示,此外還有適用於所有按鈕的選項(例如 buttons.buttons.text
)
名稱 | 類型 | 預設值 |
---|---|---|
action | ||
建立並儲存 PDF 檔案。 | ||
className | buttons-pdf | |
按鈕的類別名稱。有關詳細資訊,請參閱 | ||
customize | null | |
一個可以用於自訂 有關如何操作此物件以及可用於產生的 PDF 的選項的資訊,請參閱 PDFMake 說明文件。 從 Buttons 1.5.2 開始,此函式會傳遞三個參數
| ||
exportOptions | {} | |
選擇要從 DataTable 收集用於匯出的資料。這包括用於選擇欄、列、排序和搜尋的選項。有關完整詳細資訊,請參閱 | ||
extension | ||
給予建立檔案名稱的副檔名。 | ||
filename | * | |
給予建立檔案的檔案名稱(加上 | ||
footer | true | |
指示表格頁尾是否應包含在匯出的資料中。請注意,此參數的預設值已在 Buttons 3.0.1 中更新為 | ||
header | true | |
指示表格標題是否應包含在匯出的資料中。 | ||
message | ||
| ||
messageBottom 自:1.4.0 | * | |
顯示在表格底部或 | ||
messageTop 自:1.4.0 | * | |
顯示在表格頂部或 | ||
orientation | portrait | |
建立的 PDF 的紙張方向。可以是 | ||
pageSize | A4 | |
建立的 PDF 的紙張大小。可以是 | ||
text | ||
按鈕的顯示文字。可以使用此選項(請參閱 | ||
title | * | |
文件標題(顯示在產生的 PDF 中的表格上方)。特殊字元 |
範例
DataTables 初始化:使用 pdf
按鈕類型來建立 HTML 按鈕選項的別名。
new DataTable('#myTable', {
layout: {
topStart: {
buttons: ['pdf']
}
}
});
DataTables 初始化:使用 exportOptions
僅儲存目前 DataTable 頁面上顯示的資料
new DataTable('#myTable', {
layout: {
topStart: {
buttons: [
{
extend: 'pdf',
text: 'Save current page',
exportOptions: {
modifier: {
page: 'current'
}
}
}
]
}
}
});