2016-08-01 2 views
0

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

Таблица заполняется из массива, содержащего 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) - не настраивается для таблиц/плохой документация
(Is there an Angular way of printing a div from a HTML page?) - хак/Использования JQuery
(Print a div using javascript in angularJS single page application) - Не применять файлы CSS
(https://github.com/sayanee/angularjs-pdf) - Это не плагин для создания документов PDF ...
pdfMake
(Generate PDF from HTML using pdfMake in Angularjs) - Это не работает, потому что на странице отображается только часть таблицы, и она прокручивается. Мне нужен полный стол в моем PDF-файле.

+0

вы пробовали jspdf –

+0

Да, я пытался, но я нахожу это плохо настраиваемый для таблиц –

+0

я люблю pdfmake путь больше, чем jspdf –

ответ

0

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

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

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

Смежные вопросы