数据表不包含多个 header 行到导出的 pdf 文件
Datatable doesn't include multiple header rows into exported pdf file
这是我的 HTML 数据table:
<table id="assessment-data-datatable-{{ $assessor->user_id }}">
<thead>
<tr class="success">
<th>Assessee: {{ $assignment->assessee->fullname }}</th>
<th>Assessor: {{ $assessor->fullname }}</th>
<th>Status: {{ $assessor->pivot->status }} </th>
</tr>
<tr>
<th>Parameter</th>
<th>Assessment</th>
<th>Provided on</th>
</tr>
</thead>
</table>
这是js代码:
var dt = $('#assessment-data-datatable-' + assessorId).DataTable({
processing: true,
serverSide: true,
ajax: '/assessment/' + assessmentId + '/' + assessorId + '/fetch',
columns: [
{ data: 'parameter', defaultContent: 'N/A' },
{ data: 'assessment_value', defaultContent: 'N/A' },
{ data: 'created_at', defaultContent: 'N/A' }
],
dom: 'Bfrtip',
buttons: [
{
extend: 'pdf',
filename: assesseeName + ' assessment by ' + assessorName,
exportoptions: {
header: true,
footer: true
}
}
],
destroy: true
});
上面的代码工作得很好,它还将内容导出到 pdf 文件中。但是在导出的 pdf 文件中,只生成了第二 header 行。 < header > 的第一行以某种方式被排除在外。我也尝试将该行移动到 < tfoot > 然后导出,但它也被排除在外。
我认为这里的问题是数据table 最多只允许从 table header.
导出一行
在此处查看它如何排除 header 中的一行:(pdf 屏幕截图)
如有任何帮助,我们将不胜感激。
谢谢,
帕斯沃拉
我想将多行导出到 header 的功能尚未在数据 table 本身中实现。
请在此处查看数据 table 所有者的回答:
https://github.com/DataTables/Buttons/pull/55
而且我发现它为什么不导出 table 页脚。
此代码:
buttons: [
{
extend: 'pdf',
filename: assesseeName + ' assessment by ' + assessorName,
exportoptions: {
header: true,
footer: true
}
}
]
应该是这样的:
buttons: [
{
extend: 'pdf',
filename: assesseeName + ' assessment by ' + assessorName,
},
header: true,
footer: true
]
header 和页脚选项应该在外面 object.
这是我的 HTML 数据table:
<table id="assessment-data-datatable-{{ $assessor->user_id }}">
<thead>
<tr class="success">
<th>Assessee: {{ $assignment->assessee->fullname }}</th>
<th>Assessor: {{ $assessor->fullname }}</th>
<th>Status: {{ $assessor->pivot->status }} </th>
</tr>
<tr>
<th>Parameter</th>
<th>Assessment</th>
<th>Provided on</th>
</tr>
</thead>
</table>
这是js代码:
var dt = $('#assessment-data-datatable-' + assessorId).DataTable({
processing: true,
serverSide: true,
ajax: '/assessment/' + assessmentId + '/' + assessorId + '/fetch',
columns: [
{ data: 'parameter', defaultContent: 'N/A' },
{ data: 'assessment_value', defaultContent: 'N/A' },
{ data: 'created_at', defaultContent: 'N/A' }
],
dom: 'Bfrtip',
buttons: [
{
extend: 'pdf',
filename: assesseeName + ' assessment by ' + assessorName,
exportoptions: {
header: true,
footer: true
}
}
],
destroy: true
});
上面的代码工作得很好,它还将内容导出到 pdf 文件中。但是在导出的 pdf 文件中,只生成了第二 header 行。 < header > 的第一行以某种方式被排除在外。我也尝试将该行移动到 < tfoot > 然后导出,但它也被排除在外。
我认为这里的问题是数据table 最多只允许从 table header.
导出一行在此处查看它如何排除 header 中的一行:(pdf 屏幕截图)
如有任何帮助,我们将不胜感激。
谢谢,
帕斯沃拉
我想将多行导出到 header 的功能尚未在数据 table 本身中实现。
请在此处查看数据 table 所有者的回答: https://github.com/DataTables/Buttons/pull/55
而且我发现它为什么不导出 table 页脚。
此代码:
buttons: [
{
extend: 'pdf',
filename: assesseeName + ' assessment by ' + assessorName,
exportoptions: {
header: true,
footer: true
}
}
]
应该是这样的:
buttons: [
{
extend: 'pdf',
filename: assesseeName + ' assessment by ' + assessorName,
},
header: true,
footer: true
]
header 和页脚选项应该在外面 object.