Question

我正在使用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 />标记。

Answer 1

您可以使用自定义内的doc.content.splice将粗体，斜体等样式应用到文本中，如小提琴中所示。

    $(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/

数据表导出pdf HTML消息

1 个答案: