Нижний колонтитул страницы не отображается в pdfmake - PullRequest
0 голосов
/ 08 октября 2018

У меня есть следующий код, который генерирует datatable pdf при щелчке pdf.Внутри функции настройки у меня есть код нижнего колонтитула, который должен отображать номера страниц.

   $(document).ready(function () {
            //SHOW EXSITING LINE ITEMS
            var id = @Model.Order.Id;
            table = $("#orders").DataTable({
                dom: 'Bfrtip',
                buttons: [
                 {
                    text: 'Download PDF',
                    extend: 'pdfHtml5',
                    className:'btn btn-primary',
                    orientation: 'landscape',                   
                    },
                    customize: function (doc) {               
                        //set header
                        doc.content[0].text = "SALES ORDER";
                        doc.page
                        doc.pageMargins = [10, 10, 10, 10];
                        doc.defaultStyle.fontSize = 12;
                        doc.styles.tableHeader.fontSize = 14;
                        doc.styles.title.fontSize = 14;
                        // Set page title
                        doc.content[0].text = "SALES ORDER";
                        // Create a footer
                        doc.footer = (function (page, pages) {
                            return {
                                columns: [
                                    'This is your left footer column',
                                    {
                                        // This is the right column
                                        alignment: 'center',
                                        text: ['page ', { text: page.toString() }, ' of ', { text: pages.toString() }]
                                    }
                                ],
                                margin: [10, 0]
                            }
                        });
                    }
                }
            ],

Я добавил код нижнего колонтитула, как показано выше, но мне кажется, что я не могу получить нижний колонтитул в моем pdf.Что я здесь не так делаю?

1 Ответ

0 голосов
/ 10 октября 2018

По сути, вы не оставили места для нижнего колонтитула.Вы можете использовать doc.pageMargins, чтобы увеличить доступное пространство внизу страницы, например,

doc.pageMargins = [10, 10, 45, 20]

Вы также должны позаботиться о полях и размере в нижнем колонтитуле.Нижний колонтитул с текстом слева и номерами страниц может выглядеть так:

doc.footer = function(page, pages) {
  return {
    margin: [5, 0, 10, 0],
    height: 30,
    columns: [{
      alignment: "left",
      text: 'This is your left footer column',
    }, {
      alignment: "right",
      text: [
        { text: page.toString(), italics: true },
          " of ",
        { text: pages.toString(), italics: true }
      ]
    }]
  }
}   

demo -> https://jsfiddle.net/np8em3sx/

...