Таблицы данных и PDFmake

Я пытаюсь работать с функцией DataTables Export, где я могу экспортировать в CSV, XLXS, PDF. Теперь мое текущее требование - экспортировать собственный PDF-файл (изменить размер шрифта, цвет и т. Д.). В документации DataTable говорится, что мы можем интегрировать его с PDFmake, чего я не могу сделать.

Если бы кто-нибудь мог помочь в интеграции / использовании PDFmake с DataTables, это было бы действительно полезно.

Заранее спасибо.

Я инициализирую таблицы данных

var table = $('#Table').DataTable( {
  lengthChange: true,
  buttons: [
    'copyHtml5',
    {
      extend: 'csvHtml5',
      title:  'FileName'
    },
    {
      extend: 'excelHtml5',
      title:  'FileName'
    },
    {
      extend: 'pdfHtml5',
      orientation: 'landscape',
      title:  'FileName',
      //download: 'open',
      pageSize: 'A3'
    }
  ]
});

У меня есть все необходимые файлы JS и CSS, как мне связать в нем PDFMake?


datatable pdfmake
person Darshan    schedule 06.11.2015    source источник
comment
Покажи нам, что ты уже сделал ... А что это за язык программирования? Пожалуйста, добавьте подробности.   -  person Andy Refuerzo    schedule 06.11.2015
comment
Включили ли вы все файлы, как показано в примере datatables.net/extensions/buttons/ examples / initialisation / (вкладка javascript)   -  person davidkonrad    schedule 06.11.2015
comment
Да, я включил все необходимые файлы, кнопки работают должным образом, я просто хочу связать их с PDFMake, чтобы настроить экспортированный PDF-файл.   -  person Darshan    schedule 12.11.2015

Ответы (1)


arrow_upward
4
arrow_downward

Вы можете получить доступ к объекту PdfMake, объявив DataTables и изменив шрифт следующим образом:

window.pdfMake.fonts = {
        alef: {
            normal: 'Alef-Bold.ttf',
            bold: 'Alef-Bold.ttf',
            italics: 'Alef-Bold.ttf"',
            bolditalics: 'Alef-Bold.ttf',
        }
    };

Этот код назначает для использования настраиваемый шрифт Alef. Шрифт, который я назначил как vfs.

(См. https://github.com/bpampuch/pdfmake/wiki/Custom-Fonts---client-side, если вам интересно, как это сделать)

Для других настроек вам понадобится опция настройки в кнопке.

См. Здесь: https://datatables.net/reference/button/pdfHtml5

Вот пример того, как инициализировать новый шрифт в DataTable.

 $("table").DataTable({
            buttons: [
                {
                    extend: 'pdf', className: 'btn green btn-outline',  text: 'Export PDF',
                    customize: function (doc) {
                        doc.defaultStyle = 
                            {
                                font: 'alef'
                            }

                          }
                       } 
                   ]
               });
person misha130    schedule 22.11.2015
comment
Вы хоть представляете, что нужно сделать, чтобы изменить цвет заголовка по умолчанию? - person Marko Mijailovic; 09.01.2016
comment
stackoverflow.com/questions/28764174/ Это поможет. Вы в основном назначаете стили частям вашего текста. Поэкспериментируйте: pdfmake.org/playground.html DataTables использует эту библиотеку, так что это на 100% будет работать . - person misha130; 09.01.2016