Answers

• kthorngren Posts: 20,425Questions: 26Answers: 4,794

  December 2021 edited December 2021 Answer ✓

  The buttons.buttons.action can be used to call one of the export options. See the last example in the docs. I think what Allan is suggesting is to load PDFMake in the action function then execute the desired export.

  Kevin
• fredsmith Posts: 4Questions: 1Answers: 0

  December 2021

  Thank you very much!
• fredsmith Posts: 4Questions: 1Answers: 0

  December 2021

  In case it helps anyone here is the code I used (using ESM):

  module pdf-lazy

  import pdfmake from 'pdfmake'
  
  // some custom vfs stuff here
  
  function createPdf(doc) {
      return pdfmake.createPdf(doc)
  }
  
  export { pdfmake }
  

  module datatables-custom-buttons

  import $ from "jquery";
  
  // set up a stub for pdfmake that will lazy load the real pdfmake when needed
  // code based on https://github.com/DataTables/Buttons/blob/master/js/buttons.html5.js
  // and https://datatables.net/forums/discussion/70831
  
  const lazyPdf = {
      className: 'buttons-lazypdf',
      text: 'PDF',
      action: function (e, dt, node, config) {
          import('./pdf-lazy')
              .then(module => {
                  window.pdfmake = module.pdfmake
                  $.fn.dataTable.ext.buttons.pdfHtml5.action.call(this, e, dt, node, config);
              })
      },
      title: '*',
  
      filename: '*',
  
      extension: '.pdf',
  
      exportOptions: {},
  
      orientation: 'portrait',
  
      pageSize: 'A4',
  
      header: true,
  
      footer: false,
  
      messageTop: '*',
  
      messageBottom: '*',
  
      customize: null,
  
      download: 'download'
  }
  
  
  
  export { lazyPdf }
  

  module datatables

  import { lazyPdf } from './datatables-custom-buttons'
  $.fn.dataTable.ext.buttons.lazyPdf = lazyPdf