DataTables 自动设置导出标题

Question

我得到了以下 .js 文件，该文件在我网站的每个页面上都被调用，并自动将表格转换为 DataTables：

$.extend( $.fn.dataTable.defaults, {
    "buttons": [
        $.extend( true, {}, buttonCommon, {
            extend: 'excelHtml5',
            exportOptions: {
                columns: ':visible'
            }
        } ),
        $.extend( true, {}, buttonCommon, {
            extend: 'pdfHtml5',
            orientation: 'landscape',
            exportOptions: {
                columns: ':visible'
            }
        } ),
        $.extend( true, {}, buttonCommon, {
            extend: 'print',
            exportOptions: {
                columns: ':visible'
            },
            orientation: 'landscape'
        } )
    ]
} );

//Render datatables
$(document).ready(function() {
    if ($('.data-table').length !== 0)
    {
        $('.data-table').DataTable();
    }
});

当我导出表格（即 excelHtml5、pdfHtml5 或打印）时，如果表格具有此类属性，我希望导出文档的标题显示表格的 data-exporttitle 属性，否则显示默认值价值。目前和默认情况下，标题显示页眉标题。

如何修改上述脚本以实现此目的？

如果此信息有帮助，我网站上的某些页面包含多个表格。

我的第一个反应是在每个扩展函数中添加以下“标题”行代码，但它不起作用：

$.extend( true, {}, buttonCommon, {
    extend: 'pdfHtml5',
    orientation: 'landscape',
    title: $(this).data("export-title")
} ),

Answer 1

您可以在 buttonCommon 文字中使用 buttons.init。表引用在参数中有点隐藏，但它有效：

var buttonCommon = {
  init: function(dt, node, config) {
    var table = dt.table().context[0].nTable;
    if (table) config.title = $(table).data('export-title')
  },
  title: 'default title'
};

现在按钮导出将具有相同的title 与其关联的表data-export-title 属性。

---

使用<table id="example" data-export-title="test">

演示https://jsfiddle.net/d72vmj2h/1/