Как создать PDF документ из таблицы HTML?

Question

Как создать PDF документ из таблицы HTML?

0

Я использую AngularJS для получения данных из API и заполнения таблицы HTML с помощью ng-repeat.

Таблица заполняется из массива, содержащего массивы JSON с данными (например, vm.data = [{"x": 1, "y":2}, {"x": 1, "y":2}...])

HTML-таблица настраивается с использованием файла внешней таблицы стилей.

Я хочу создать PDF файл из этой таблицы HTML и возможный div, содержащий данные об этой таблице (например, заголовок). Желательно, чтобы это было сделано без jQuery, только с использованием чистых JS и AngularJS. Также таблица в формате PDF должна включать информацию о стилях (шрифт, размер шрифта, цвет, даже дочерний фон...).

Стоит заметить, что таблица имеет ограниченную высоту, но она прокручивается по оси X (с использованием overflow: auto). Я хочу, чтобы таблица, показанная в PDF файле, была полной.

Методы, которые я пытался:

jsPDF - не настраивается для таблиц
html-pfg (https://www.npmjs.com/package/html-pdf) - не настраивается для таблиц/плохой документации
(Есть ли угловой способ печати div с HTML-страницы?) - Hackish/Использует jQuery
(Печать div с использованием javascript в однострочном приложении angularJS) - Не применять файлы CSS
(https://github.com/sayanee/angularjs-pdf) - Это не плагин для создания pdf-документов...
pdfMake
(Создайте PDF из HTML, используя pdfMake в Angularjs). Это не работает, потому что только часть таблицы отображается на странице и прокручивается. Мне нужен полный стол в моем PDF файле.

01 авг. 2016, в 13:53

Источник

0

ты пробовал jspdf
tsadkan yitbarek 01 авг. 2016, в 11:57
0

Да, я пытался, но я нахожу это плохо настраиваемым для таблиц
user6285952 01 авг. 2016, в 12:05
0

мне больше нравится pdfmake, чем jspdf
Daniel Lizik 01 авг. 2016, в 12:22
0

Хмммм .... Этот комментарий заставил меня пересмотреть pdfmake. У меня были проблемы с включением, всякий раз, когда я пытался вызвать pdfmake, он был неопределенным, но теперь мне удалось успешно это сделать. Теперь будем надеяться, что я смогу сделать достаточно хороший стол
user6285952 01 авг. 2016, в 13:46
0

Сделал это! Я сделал отчеты, в которых я нуждался, благодаря pdfmake. Также спасибо за комментарий, заставил меня попробовать это снова :)
user6285952 01 авг. 2016, в 16:08

Показать ещё 3 комментария

Теги:

javascript

html

angularjs

1 ответ

Ещё вопросы

Да, я пытался, но я нахожу это плохо настраиваемым для таблиц
Хмммм .... Этот комментарий заставил меня пересмотреть pdfmake. У меня были проблемы с включением, всякий раз, когда я пытался вызвать pdfmake, он был неопределенным, но теперь мне удалось успешно это сделать. Теперь будем надеяться, что я смогу сделать достаточно хороший стол
Сделал это! Я сделал отчеты, в которых я нуждался, благодаря pdfmake. Также спасибо за комментарий, заставил меня попробовать это снова :)

user6285952 · Accepted Answer · 2016-08-01T13-56-00.000Z

Мне удалось создать PDF-отчеты, которые мне нужны.

Плагин, который я использовал, является PDFmake и, безусловно, лучше всего нашел, работает настолько безупречно.

Единственная проблема, с которой я столкнулся, это то, что я ошибочно включил ее и почему она не сработала в первый раз.