JSPDF AUTOTABLE не отображает правильную границу таблицы

Я хочу экспортировать PDF с помощью JSPDF, и я использую плагин как «jspdf.autotable» для создания таблиц. Теперь проблема в том, что мне нужен стиль форматирования, как показано ниже:

введите описание изображения здесь

Как вы можете видеть, есть граница за пределами таблицы, но не в части заголовка, я добился этого, но когда строки превышают высоту страницы, форматирование таблицы не отображается должным образом. Поскольку плагин autotable не имеет встроенных функций, чтобы только иметь границу за пределами таблицы. У меня есть другое решение для добавления всего HTML в pdf, но мне не нужны изображения в виде таблиц. пожалуйста, помогите с этим ..


javascript jspdf jspdf-autotable
person Asha Koshti    schedule 07.01.2016    source источник

Ответы (2)


arrow_upward
2
arrow_downward

У меня тоже была эта проблема, к сожалению, у меня не было автора, который мог бы направить меня, плохо, что я не знал о обратном потоке stackoverflow. Пришлось отредактировать библиотеку, чтобы добиться желаемого результата.

Мне пришлось внести изменения в метод printRows() и поставить галочку для проверки первой страницы и остальных страниц, с которых мне нужно было начать таблицу. Поскольку первая страница будет иметь дополнительное поле для графика.

Я использовал следующее в table.rows.forEach() в первом условии if, где он проверяет метод isNewPage():

if (pageCount == 1) {
    doc.setDrawColor(228, 228, 228);
    doc.rect(settings.margin.left, settings.startY + table.headerRow.height, table.width, row_height);
} else {
    doc.setDrawColor(228, 228, 228);
    doc.rect(settings.margin.left, settings.margin.top + table.headerRow.height + 30, table.width, row_height);
}
addPage();

Это проверки, которые я использовал и относятся к моему приложению, посмотрите, сможете ли вы понять, как реализовать остальное самостоятельно.

person hkm93    schedule 04.07.2016

arrow_upward
3
arrow_downward

Как автор плагина я, к сожалению, не могу придумать простой способ добиться этого. Единственное, что приходит в голову, это то, что вы можете попробовать использовать, например, хук afterContent и добавить на каждую страницу прямоугольник, который на несколько пикселей больше таблицы. Фактически имитирует границу.

Однако я видел этот запрос функции, упомянутый ранее, и я рассматриваю возможность добавления его в будущем выпуске. Но не в ближайшем будущем.

person Simon Bengtsson    schedule 01.03.2016