javascript - 数据表导出 pdf HTML 消息

标签 javascript html pdf datatables

我正在使用 jQuery DataTables 1.10,并希望导出带有 HTML 消息的 PDF。因为我需要在报告上方包含一些特定信息。 (如举报日期、举报人等)。

buttons: [
    {
        extend: 'pdfHtml5',
        message: 'Made: 20_05-17<br />Made by whom? User232<br />'+this.messagePDF,
        title: title,
        header: true
    },
]

消息中的 HTML 无效,它只显示 <br />标签。

最佳答案

您可以使用自定义中的 doc.content.splice 将粗体、斜体等样式应用于您的文本,如 fiddle 所示。

    $(document).ready(function() {
  var table = $('#example').DataTable({
    dom: 'Bfrtip',
    ajax: 'https://api.myjson.com/bins/qgcu',
    buttons: [{
      extend: 'pdfHtml5',
      //message: "Made: 20_05-17\nMade by whom: User232\n" + "Custom message",
      title: 'Export',
      header: true,
      customize: function(doc) {
        doc.content.splice(0, 1, {
          text: [{
            text: 'Made: 20_05-17 \n',
            bold: true,
            fontSize: 16
          }, {
            text: ' Made by whom: User232 \n',
            bold: true,
            fontSize: 11
          }, {
            text: 'Custom message',
            bold: true,
            fontSize: 11
          }],
          margin: [0, 0, 0, 12],
          alignment: 'center'
        });
      }
    }]
  });
});

https://jsfiddle.net/dbbybL80/

关于javascript - 数据表导出 pdf HTML 消息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37343970/

相关文章:

java - 用于在 Android 中呈现 PDF 文件的 PDF 库

javascript - 如何使用 javascript 提交 PDF 表单

javascript - 如何能够单击 map 区域并在列表中显示数据?

javascript - 获取父元素

javascript - JQuery 测试工具

css - Bootstrap 打印 PDF

javascript - 在不刷新网页的情况下加载 MySQL 数据

javascript - 如何使用 Adob​​e Brackets 转译 coffeescript

javascript - 当我使用 "react-native run-ios"运行 React Native 项目时显示错误

javascript - 一个莫名其妙的点击事件 : Why such behaviour?