Create and save a PDF file that contains the data from the table.
Please note - this property requires the Buttons extension for DataTables.
Description
This button type serves as a proxy that will automatically detect if the pdfHtml5
button can be used based on the browser's capabilities and the libraries available on the page.
This is provided as an option since the HTML5 button type requires a reasonably modern browser which may not always be available to the end user.
If the requirements of the pdfHtml5
button are not satisfied, no button will be presented to the end user. For the requirements of each button type, please refer to its own documentation.
Options
This button can have the following options set in its configuration object to customise its actions and display, in addition to those options which are available for all buttons (e.g. buttons.buttons.text
):
Name | Type | Default |
---|---|---|
action | ||
Create and save a PDF file. | ||
className | buttons-pdf | |
The button's class name. See | ||
customize | null | |
A function that can be used to customise the PDFMake document definition object for the Please refer to the PDFMake documentation for information on how to manipulate this object and the options available for the generated PDF. As of Buttons 1.5.2 this function is passed three parameters:
| ||
exportOptions | {} | |
Select the data to be gathered from the DataTable for export. This includes options for which columns, rows, ordering and search. Please see the | ||
extension | ||
The extension to give the created file name. | ||
filename | * | |
File name to give the created file (plus the extension defined by the | ||
footer | true | |
Indicate if the table footer should be included in the exported data or not. Please note that the default for this parameter was updated in Buttons 3.0.1 to be | ||
header | true | |
Indicate if the table header should be included in the exported data or not. | ||
message | ||
| ||
messageBottom Since: 1.4.0 | * | |
Message to be shown at the bottom of the table, or the | ||
messageTop Since: 1.4.0 | * | |
Message to be shown at the top of the table, or the | ||
orientation | portrait | |
Paper orientation for the created PDF. This can be | ||
pageSize | A4 | |
Paper size for the created PDF. This can be | ||
text | ||
The button's display text. The text can be configured using this option (see | ||
title | * | |
Document title (appears above the table in the generated PDF). The special character |
Examples
DataTables initialisation: Use the pdf
button type to alias the HTML button options.:
new DataTable('#myTable', {
layout: {
topStart: {
buttons: ['pdf']
}
}
});
DataTables initialisation: Use the exportOptions
to save only the data shown on the current DataTable page:
new DataTable('#myTable', {
layout: {
topStart: {
buttons: [
{
extend: 'pdf',
text: 'Save current page',
exportOptions: {
modifier: {
page: 'current'
}
}
}
]
}
}
});