JsPDF неточно отображает таблицы - PullRequest
Новая
       7

JsPDF неточно отображает таблицы

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

Я пытаюсь использовать JsPDF и HTML2Canvas для создания загружаемого файла PDF.Я использую AngularJs.Содержимое HTML содержит несколько длинных таблиц, которые иногда в 3-4 раза больше ширины PDF.Хотя PDF заканчивается почти идеально, я столкнулся с несколькими дефектами:

  • Столбцы таблицы иногда не отображают свои соответствующие значения в PDF (частичные данные или их нет)
  • Если поле даты не указано, по умолчанию в таблице PDF используется значение 12/31/9999
  • . Таблица из одной строки сдвигает все свои значения на одну.В результате запись / идентификатор отсутствует, а значение последнего столбца не определено.
  • Я пытался возиться с полями и шириной контента.К сожалению, только margin.top/left имеет какой-либо эффект.

Это код, который я использовал: 

$scope.savePdfSample = function(value) {

            html2canvas(document.body,{
                onrendered:function(canvas){
                    var doc = new jsPDF('l', 'pt', 'letter'),
                        source = $("#template_invoice")[0], //not sure what this does

                   margins = {
                        top: 40,
                        bottom: 40,
                        left: 40,
                        right:40,
                        width: 1000,
                    };

                    doc.fromHTML(
                        $("#ccsReport1").html(),
                        margins.left,
                        margins.top,
                        {
                            'width': margins.width,
                        },
                        function(dispose) {
                            doc.save('CCS Case Details.pdf');
                        },
                        margins
                    );
                }
            });
        };

Я пытался возиться с файлом jspdf.debug.js, но я не нашел решенияеще.Я был бы признателен всем, кто указал мне правильное направление.Спасибо.

...