Javascript DataTable,导出为pdf在使用两个标头和colspan时工作不正常

Javascript DataTable,导出为pdf在使用两个标头和colspan时工作不正常,javascript,jquery,datatables,html-table,export-to-pdf,Javascript,Jquery,Datatables,Html Table,Export To Pdf,我正在使用数据表来显示我的数据,我想将它们导出为pdf格式 我遵循了中列出的步骤 我有一个表,其中我想要两个标题和两个标题,一个标题有colspan,如下所示 > P> PDF导出函数当前只考虑列标题的1行,因此只有一个标题行被导出。 为了导出两个标题行,我们可以使用pdfexport按钮中提供的选项。此选项允许我们在导出之前操作pdf文档对象。通过参考pdfmake和for表,我们可以看到需要进行以下更改才能有多个表头行 将表格的标题行数设置为2 将缺少的标题行插入pdf表格正文的第一行

我正在使用数据表来显示我的数据,我想将它们导出为pdf格式

我遵循了中列出的步骤

我有一个表,其中我想要两个标题和两个标题,一个标题有colspan,如下所示


<代码> > P> PDF导出函数当前只考虑列标题的1行,因此只有一个标题行被导出。

为了导出两个标题行,我们可以使用
pdf
export按钮中提供的选项。此选项允许我们在导出之前操作pdf文档对象。通过参考pdfmake和for表,我们可以看到需要进行以下更改才能有多个表头行

  • 将表格的
    标题行数设置为2
  • 将缺少的标题行插入pdf表格
    正文的第一行
    ,因为给定的标题行单元格具有列跨度,需要将空单元格添加到标题行,以确保每一行具有相同数量的单元格
  • 下面的代码片段演示了上述更改

    由于,代码段中的按钮将不起作用,您可以将以下代码复制到html文件中,然后用浏览器打开该文件以查看效果。

    
    $(文档).ready(函数(){
    $('#dataTable')。dataTable({
    dom:'Bfrtip',
    按钮:[
    “复制”{
    扩展:“csv”,
    “下载”:“下载”
    }, {
    扩展:“excel”,
    “下载”:“下载”
    }, {
    扩展:“pdf”,
    文本:“使用两行标题导出”,
    下载:'下载',
    自定义:功能(PDF文档){
    pdfDocument.content[1].table.headerRows=2;
    var firstHeaderRow=[];
    $('#dataTable')。查找(“thead>tr:first child>th”)。每个(
    函数(索引、元素){
    var colSpan=element.getAttribute(“colSpan”);
    第一头推({
    text:element.innerHTML,
    样式:“表格标题”,
    科尔斯潘:科尔斯潘
    });
    对于(var i=0;i
    嘿,我也有同样的问题。。。您找到解决方案了吗?没有,我无法使用Datatable找到解决方案。因此,我必须手动生成包含所需详细信息的pdf。是否仅修复pdf?本机不支持它,有关详细信息,请选中此选项,当您有2个标题时,此选项有效,但如果有3个标题,则无效。@justarandom,如果您相应地更新
    customize
    方法,它应该可以工作。未捕获格式错误的表行,单元格未定义。我经常遇到这样的错误,我建议你为你的案件提出一个新的问题,因为我无法从你的评论中得到所有细节。